Nishant Bhati - Personal Portfolio

A modern, responsive personal portfolio website built with React and Vite. Showcasing projects, skills, education, and professional experience with an elegant and user-friendly design.

🚀 Features

• Responsive Design - Mobile-first approach using Tailwind CSS for optimal viewing on all devices
• Hero Section - Engaging landing section with introduction
• About - Personal background and professional summary
• Skills - Display of technical skills and expertise
• Projects - Showcase of past projects and work
• Education - Educational background and qualifications
• Contact - Easy way for visitors to get in touch
• Navigation - Smooth navigation between sections
• Fast Performance - Built with Vite for optimal build and development speed

🛠️ Tech Stack

• React 19.2.8 - UI library for building interactive components
• Vite 8.2.2 - Next-generation frontend build tool
• Tailwind CSS 4.3.3 - Utility-first CSS framework for styling
• React Router DOM 7.18.3 - Client-side routing
• React Icons 5.7.0 - Beautiful icon library
• ESLint - Code quality and consistency

📦 Project Structure

src/
├── Components/
│   ├── About.jsx        # About section component
│   ├── Contact.jsx      # Contact section component
│   ├── Education.jsx    # Education section component
│   ├── Footer.jsx       # Footer component
│   ├── Hero.jsx         # Hero/Landing section
│   ├── Navabr.jsx       # Navigation bar
│   ├── Projects.jsx     # Projects showcase
│   └── Skills.jsx       # Skills section
├── App.jsx              # Main application component
├── index.css            # Global styles
├── main.jsx             # Application entry point
└── assets/              # Static assets

🚀 Getting Started

Prerequisites

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

Installation

1. Clone the repository:

git clone <repository-url>
cd portfolio

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

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

📝 Available Scripts

• npm run dev - Start development server with hot module replacement
• npm run build - Build for production
• npm run preview - Preview the production build
• npm run lint - Run ESLint to check code quality

🎨 Customization

The portfolio is built with Tailwind CSS and can be easily customized by:

1. Modifying component files in src/Components/
2. Updating Tailwind configuration in tailwind.config.js
3. Adding your own images and assets to src/assets/

📄 License

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

👤 Author

Nishant Bhati