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 install
To start the development server, run:
npm start
This 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 build
This 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.