A modern, dark-themed developer portfolio built with React, Framer Motion, and Lenis smooth scroll.
- Premium Dark Theme — Deep
#0a0a0fbackground with ambient gradient orbs and glassmorphism cards - Smooth Animations — Framer Motion scroll reveals, rotating hero titles, and scale-in transitions
- Buttery Smooth Scroll — Powered by Lenis
- AI Assistant Chatbot — Interactive bot answering questions about experience, projects, skills, and education
- Responsive Design — Fully mobile-friendly with stacked layouts on smaller screens
- Auto-hiding Navigation — Floating nav bar that hides on scroll down and reappears on scroll up
| Category | Technologies |
|---|---|
| Framework | React 19, Vite 7 |
| Animations | Framer Motion, Lenis |
| Styling | Vanilla CSS (glassmorphism, gradients, custom properties) |
| Typography | Inter, JetBrains Mono (Google Fonts) |
| Build | Vite |
# Clone
git clone https://github.com/ChetanyaRathi/portfolio.git
cd portfolio
# Install
npm install
# Dev server
npm run dev
# Production build
npm run buildsrc/
├── App.jsx # All components (Nav, Hero, About, Experience, Skills, Projects, Contact, AI Assistant)
├── index.css # Complete design system & responsive styles
├── main.jsx # App entry point
└── assets/ # Profile photo & project images
| Section | Highlights |
|---|---|
| Hero | Profile photo, gradient name, rotating titles, tech pills, CTA buttons |
| About | Story, education badges (Syracuse University, VIT Pune), about photo |
| Experience | Timeline with glassmorphism cards — Main 10 & Hum Aspen Wellness |
| Skills | Categorized skill cards with animated proficiency bars |
| Projects | 6 project cards with custom AI-generated visuals and GitHub links |
| Contact | Email, LinkedIn, GitHub with gradient buttons |
| AI Assistant | Floating chatbot with 15+ response categories |
MIT © Chetanya Rathi