Portfolio Website

A futuristic, high-performance portfolio website built with Next.js 16, React 19, and Tailwind CSS 4. This project features a data-driven "Engineering & Race Telemetry" theme with smooth animations powered by Framer Motion.

🚀 Features

• Futuristic UI/UX: Cyberpunk-inspired aesthetic with telemetry-style data visualizations and F1-racing themed styling.
• Dynamic Sections:
  • Sector 01: Performance Metrics: High-level statistics and impact.
  • Sector 02: About the Driver: Background and professional journey.
  • DOSSIER: Embedded CV PDF preview using modern glassmorphism.
  • Sector 03: Build Reports: Showcasing key projects with detailed reports.
  • Sector 04: Engineering Stack: A deep dive into technical expertise.
  • Sector 05: Race Telemetry: Real-time coding profile updates.
  • Sector 06: Race Results: Key achievements and milestones.
  • Sector 07: Radio Comms: Interactive contact interface.
• Real-Time Data Fetching: Live API integrations to display dynamic problem-solving statistics and ratings natively in components (Codeforces API and LeetCode API).
• Advanced Animations: Smooth, high-performance interactions, SVG Speedometer animations, and complex layout transitions powered by Framer Motion.
• Custom Cursor: Enhanced interactive experience from the first load.
• Responsive Design: Optimized for all screen sizes from mobile to ultra-wide displays.
• Performance Optimized: Built using Next.js App Router and dynamic imports for fast loading and reduced bundle size.

🛠️ Tech Stack

• Framework: Next.js 16 (App Router)
• Library: React 19
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

🏁 Getting Started

Prerequisites

• Node.js 18.x or later
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/ayushmaan-verma/portfolio.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 with your browser to see the result.

📁 Project Structure

• app/: Next.js App Router pages and global styles.
• components/: Reusable UI components (Navbar, LoadingScreen, etc.).
• sections/: Main content blocks for the single-page layout.
• public/: Static assets including images and videos.

📜 License

This project is licensed under the MIT License - see the LICENSE file for details (if applicable).