Skip to content

README.md

Latest commit

 

History

History
93 lines (67 loc) · 1.91 KB

README.md

File metadata and controls

93 lines (67 loc) · 1.91 KB
Raw

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
  1. Install dependencies
cd react-portfolio
npm install
  1. 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.