My Portfolio

A modern, responsive personal portfolio website built with React, Vite, and Tailwind CSS. This project showcases my skills, projects, and provides a way to contact me.

Demo

Features

• Modern UI/UX: Clean and elegant design with a focus on user experience.
• Responsive Design: Fully responsive layout that looks great on all devices (Mobile, Tablet, Desktop).
• Dark Mode Support: Seamless toggle between light and dark themes.
• Smooth Animations: Integrated with Framer Motion for engaging transitions and scroll effects.
• Interactive Elements: Dynamic components like a custom cursor and interactive project cards.

Tech Stack

• Frontend Framework: React
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Utils: clsx, tailwind-merge for efficient class handling.

Project Structure

src/
├── components/     # Reusable UI components (Hero, Navbar, About, etc.)
├── assets/         # Static assets like images and icons
├── App.jsx         # Main application component
├── main.jsx        # Entry point
└── index.css       # Global styles and Tailwind directives

Installation & Setup

1. Clone the repository:

   git clone https://github.com/Khushi256/khushi-portfolio.git
   cd khushi-portfolio

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm run dev
   # or
   yarn dev

4. Build for production:

   npm run build
   # or
   yarn build

Sections

• Hero: Introduction and welcome message.
• About: Brief personal background and summary.
• Skills: Display of technical proficiencies.
• Projects: Showcase of featured work and case studies.
• Contact: Form and social links for getting in touch.

License

This project is licensed under the MIT License - see the LICENSE file for details.