A high-performance, visually stunning portfolio built with Next.js 15, React 19, and TailwindCSS v4. Featuring a unique playful geometric design, advanced SEO optimization, and premium animations.
- Playful Geometric Design: Bold colors, hard shadows, and custom geometric shapes.
- Advanced SEO: Full OpenGraph tags, JSON-LD structured data, programmatic sitemaps, and robots configuration.
- Mobile First Responsiveness: Fully optimized and responsive layouts for mobile, tablet, and desktop devices.
- Fluid Animations: Scroll reveal, parallax effects, and micro-interactions powered by Framer Motion.
- Functional Contact Form: Integrated with Nodemailer for direct communication.
- Framework: Next.js 15 (App Router)
- Library: React 19
- Styling: TailwindCSS v4 (Custom Playful Design System)
- Animations: Framer Motion
- Icons: Lucide React
- Email Handling: Nodemailer
-
Clone the repository:
git clone https://github.com/chaursia/portfolio.git
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open in browser: Navigate to http://localhost:3000
src/app: Application routes and global styles.src/components: UI sections (Hero, About, Projects, etc.).src/components/ui: Reusable interactive components.public/assets: Static images and documents.
Designed and developed by Divyanshu Chaursia.