Skip to content

My personal portfolio website built with React, Vite, and Tailwind CSS to showcase my projects and skills.

Notifications You must be signed in to change notification settings

Navin9-Sh/Navin.Portfolio

Repository files navigation

This is your project's README.md file, which is essentially the instruction manual. It's very helpful! Let's break down the most important parts for you.


## How You Should Edit Your Code

The file lists four ways to edit your project. For learning and for professional work, one method is the best:

Your Best Option: Use your preferred IDE (like VS Code)

This is the method we've been using, and it's the standard way developers work.

  1. You have already cloned the project to your computer.
  2. You have already run npm i to install everything.
  3. To edit, you just need to run npm run dev to preview your changes locally.

Why this is the best method:

  • It gives you full control.
  • It's the most common professional workflow.
  • You are already familiar with it!

The other options are less ideal for you right now:

  • Using Lovable: Good for quick AI-powered changes, but you'll learn more by writing the code yourself.
  • Editing on GitHub: Only good for fixing a very small typo. It's not practical for adding whole sections.
  • GitHub Codespaces: A great tool, but it's basically a version of VS Code in the cloud. Sticking to the VS Code on your computer is simpler.

## Project Technologies

This section confirms the technologies your portfolio uses: React, TypeScript, Tailwind CSS, etc. This is just for your information.


## How to Deploy

The file mentions deploying via the Lovable website. You can ignore this for now.

You should continue to use the method we already set up, which works perfectly:

npm run build
npm run deploy

This deploys your site to GitHub Pages, which is free and reliable.


## Your Action Plan Now

Based on this, here is your clear, step-by-step plan to continue filling out your portfolio:

  1. Open your project folder (Navin.Portfolio) in VS Code.
  2. Open the built-in terminal in VS Code.
  3. Start the development server by typing:
    npm run dev
  4. Your terminal will give you a link, usually http://localhost:8080. Open this in your web browser to see a live preview of your site.
  5. Now, open src/pages/Index.tsx and start adding the content for your Hero Section and Projects Section as we discussed.
  6. As you save the file, the preview in your browser will update instantly.

About

My personal portfolio website built with React, Vite, and Tailwind CSS to showcase my projects and skills.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages