Aditya Patil - Portfolio Website

A modern, responsive portfolio website built with React and Vite, featuring a clean aesthetic design with dark/light mode support.

Features

• Responsive Design - Optimized for all screen sizes
• Dark/Light Mode - Toggle between themes with system preference detection
• Smooth Animations - Powered by Framer Motion
• Modern UI Components - Using Aceternity UI and Tailwind CSS
• SEO Optimized - Meta tags and Open Graph support
• Contact Form - Easy way for visitors to reach out

Tech Stack

• Frontend: React 18, React Router v6
• Styling: Tailwind CSS, CSS Modules
• Animations: Framer Motion
• UI Components: Aceternity UI, Lucide Icons
• Build Tool: Vite
• Fonts: Kaushan Script, Red Hat Mono, Inter

Pages

• Home - Hero section with profile introduction
• About - Personal information and social links
• Experience - Professional timeline
• Projects - Showcase of work with tech stacks
• Skills - Categorized technical skills
• Resume - Resume highlights and download
• Contact - Contact form and social links

Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/AdityaPatil22/portfolio-website.git

# Navigate to project directory
cd portfolio-website

# Install dependencies
npm install

# Start development server
npm run dev

Build for Production

npm run build
npm run preview

Project Structure

src/
├── assets/          # Images and static assets
├── components/      # Reusable UI components
│   ├── Card/
│   ├── footer/
│   ├── heading/
│   ├── navbar/
│   ├── skills-card/
│   ├── theme-toggle/
│   └── ui/          # Aceternity UI components
├── context/         # React context (Theme)
├── lib/             # Utility functions
└── pages/           # Page components
    ├── about/
    ├── contact/
    ├── experience/
    ├── home-page/
    ├── not-found/
    ├── projects/
    ├── resume/
    └── skills/

License

MIT License - feel free to use this template for your own portfolio!

Contact

• Email: adityapatil7649@gmail.com
• LinkedIn: Aditya Patil
• GitHub: AdityaPatil22