React Portfolio

A modern, responsive personal portfolio website built with React and Vite.

🌟 Features

• Responsive design that works on desktop and mobile devices
• Smooth scrolling navigation
• Interactive UI elements with hover effects
• Dynamic project showcase
• Skills and experience timeline
• Contact section with social links
• Modern blur effects and animations

🛠️ Built With

• React 18
• Vite
• CSS Modules
• Custom fonts (Outfit, Roboto)

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/react-portfolio.git

2. Install dependencies

cd react-portfolio
npm install

3. Start the development server

npm run dev

The site will be available at http://localhost:5173

Building for Production

To create a production build:

npm run build

The built files will be in the dist directory.

📁 Project Structure

react-portfolio/
├── public/
│ └── assets/ # Images and icons
├── src/
│ ├── components/ # React components
│ ├── data/ # JSON data files
│ ├── utils/ # Utility functions
│ ├── App.jsx # Main App component
│ └── main.jsx # Entry point
└── package.json

📱 Responsive Design

The site is fully responsive with breakpoints at:

• Mobile: < 830px
• Desktop: ≥ 830px

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📧 Contact

For any questions or feedback, please reach out through the contact section on the portfolio website.