My Portfolio (Vite + React)

A modern, responsive personal portfolio website built with Vite and ReactJS to showcase projects, skills, achievements, and contact information.

Features

• 🎨 Responsive design for desktop and mobile
• 🚀 Dynamic project showcase
• 💻 Skills and technology highlights
• 🏆 Hackathons, competitions, and certifications section
• 📊 Coding profiles (GitHub, LeetCode)
• 📬 Contact section with social links
• ✨ Smooth navigation and interactive UI

Getting Started

Prerequisites

• Node.js (v16 or above recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/muhammadnavas/my-portfolio.git

2. Navigate to the project directory:

   cd my-portfolio-vite

3. Install dependencies:

   npm install
   # or
   yarn install

4. Start the development server:

   npm run dev
   # or
   yarn dev

5. Open http://localhost:5173 in your browser.

Folder Structure

my-portfolio-vite/
├── public/
├── src/
│   ├── assets/
│   ├── App.jsx
│   ├── main.jsx
│   ├── App.css
│   ├── index.css
│   ├── script.js
│   └── style.css
├── index.html
├── package.json
├── vite.config.js
├── eslint.config.js

Customization

• 🖼️ Update src/assets/profile.jpg with your own profile image
• ⚙️ Edit src/script.js and src/App.jsx to add or modify projects, skills, and other sections
• 🎨 Change colors and styles in App.css or Tailwind config

Deployment

Build for Production

npm run build
# or
yarn build

Deploy to Vercel

Show your support

Give a ⭐️ if this project helped you!

Author

👤 Muhammad Navas

• Website: Portfolio
• GitHub: @muhammadnavas
• LinkedIn: @muhammadnavas
• Email: navasns0409@gmail.com

---