A modern, responsive personal portfolio website built with React and Tailwind CSS.
- Responsive design that works on all devices
- Modern UI with smooth animations
- Interactive sections for showcasing skills and projects
- Contact form for potential clients to reach out
- Built with React for component-based architecture
- Styled with Tailwind CSS for rapid development
Before you can run this project, you need to have Node.js and npm installed on your machine.
- Node.js (v14.0.0 or later)
- npm (comes with Node.js)
- Clone this repository or download the source code
- Navigate to the project directory
- Install the dependencies:
npm installTo start the development server, run:
npm startThis will start the app in development mode. Open http://localhost:3000 to view it in your browser.
To build the app for production, run:
npm run buildThis will create an optimized production build in the build folder.
src/
├── assets/ # Static assets like images
├── components/ # React components
│ ├── About.js
│ ├── Contact.js
│ ├── Education.js
│ ├── Home.js
│ ├── Portfolio.js
│ ├── ScrollToTop.js
│ └── Sidebar.js
├── App.js # Main App component
├── index.js # Entry point
└── index.css # Global styles and Tailwind imports
You can customize various aspects of the portfolio:
- Update personal information in each component
- Change colors in the tailwind.config.js file
- Add or remove portfolio items in the Portfolio.js component
- Update education history in the Education.js component
This React app can be deployed to various platforms:
- Netlify
- Vercel
- GitHub Pages
- Firebase Hosting
- AWS Amplify
Follow the documentation of your preferred hosting platform for specific deployment instructions.
This project is open source and available under the MIT License.