Nikhil's React Portfolio

A modern, responsive React portfolio website showcasing my skills, services, and projects.

Features

• Responsive Design: Looks great on all devices, from mobile to desktop
• Modern UI/UX: Built with a focus on modern design patterns and user experience
• Animation Effects: Smooth animations using Framer Motion
• Modular Architecture: Well-organized codebase with reusable components
• Firebase Integration: Contact form connected to Firebase for message storage
• Centralized Constants: All configuration stored in a central constants file for easy updates

Technologies Used

• React.js
• Tailwind CSS
• Framer Motion
• Firebase (Firestore)
• JavaScript/ES6+

Sections

1. Home: Introduction and social links
2. Services: What I offer (App Development, Web Design, Web Development)
3. Projects: Showcase of my portfolio projects with filtering
4. About: Information about my skills and expertise
5. Contact: A form to get in touch with me

Setup and Installation

1. Clone the repository

git clone https://github.com/yourusername/portfolio-website.git
cd portfolio-website

2. Install dependencies

npm install

3. Start the development server

npm start

4. Build for production

npm run build

Project Structure

• src/components/: Reusable UI components
• src/pages/: Main page sections
• src/utils/: Utility functions, constants, and helpers
• src/imgages/: Images and assets

Customization

To customize this portfolio for your own use:

1. Update the constants in src/utils/constants.js with your information
2. Replace images in the src/imgages/ directory with your own
3. Modify the colors and styling as needed in the Tailwind classes

Contact

Nikhil Kumar - nik.kr008@gmail.com

License

This project is open source and available under the MIT License.