A cinematic portfolio for Aayush Sharma built with React, Vite, Tailwind CSS, and Framer Motion.
Designed to showcase AI/ML work, premium UI craft, and a polished personal brand.
Flowchart | Demo Gallery | Quick Start | Author
This project is a modern personal portfolio experience focused on storytelling, motion, and visual depth. The interface introduces Aayush Sharma as an AI/ML engineer and full-stack developer, then guides visitors through projects, skills, certificates, achievements, experience, blog content, and a strong contact section.
- Cinematic hero section with animated typography and signature brand styling.
- Modular sections for About, Projects, Skills, Certificates, Achievements, Experience, Testimonials, Blog, and Contact.
- GitHub-powered project sync with a curated local fallback.
- Theme toggle, custom cursor, scroll progress bar, glassmorphism panels, and responsive layout.
- Built with lazy-loaded sections for a smoother, lighter experience.
- React 18
- Vite 5
- Tailwind CSS 3
- Framer Motion
- React Icons
- Three.js ecosystem (
@react-three/fiber,@react-three/drei)
src/
|- assets/
|- components/
|- data/
|- hooks/
|- sections/
|- App.jsx
|- main.jsx
npm install
npm run devTo create a production build:
npm run buildIf you want the Projects section to pull repositories directly from GitHub, create a .env file:
VITE_GITHUB_USERNAME=aayush-sharma
VITE_GITHUB_TOKEN=your_optional_github_tokenHero: strong first impression with animated identity and CTA buttons.Projects: filters, highlights, and GitHub-backed repository data.Skills: clean grouped capability display for frontend, backend, AI/ML, and cloud.Contact: premium closing section for hiring, consulting, or collaboration.
Aayush Sharma
Portfolio owner, author, and personal brand identity for this project.
