Skip to content

Repository files navigation

⚡ Ankush Rawat | Full Stack Developer Portfolio

React TypeScript Next.js TailwindCSS Three.js

🚀 Overview

Welcome to my personal developer portfolio! This project is a high-performance, visually stunning interactive experience built with modern web technologies. It showcases my frontend and backend engineering skills, featuring immersive 3D elements, fluid animations, and a responsive design tailored for all devices.

Designed to be more than just a resume, this portfolio serves as a demonstration of my expertise in the React ecosystem, creative coding, and modern web performance optimization.

✨ Key Features

  • 🎨 Premium UI/UX: Custom design system using TailwindCSS with a dark, cyberpunk-inspired aesthetic.
  • ⚡ High Performance: Powered by Next.js App Router with Server Components for fast page loads and built-in SEO.
  • 🌐 3D Integration: Interactive 3D objects and space scenes built using React Three Fiber.
  • 🎬 Advanced Animations: Smooth and complex orchestrations handled with Framer Motion.
  • 💻 Interactive Terminal: A fully functional retro Terminal (triggered via >_) with simulated system commands like about, help, and gh.
  • 📖 3D Guestbook: A persistent, interactive guestbook.
  • ⌨️ Command Palette: A global quick-navigation command menu accessed via Cmd+K / Ctrl+K.
  • 📡 Live Activity Widget: A real-time GitHub integration that fetches recent activity.
  • 📱 Fully Responsive: A mobile-first architecture ensuring perfect rendering on any screen size.
  • 🔧 Type-Safe: 100% TypeScript codebase for strict type checking and maintainability.

🛠️ Tech Stack

🏃‍♂️ Running Locally

To run this project on your local machine, follow these steps:

  1. Clone the repository

    git clone https://github.com/ankush850/Portfolio.git
    cd Portfolio
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev

    The application will be available locally at http://localhost:3000.

🏗️ Building for Production

To create an optimized production build:

npm run build

The output will be generated in the dist directory, ready to be deployed to any static hosting service.

🚀 Deployment

This project is built with Next.js and is configured for seamless deployment to Vercel or any Node.js hosting environment.

  • Vercel: Simply import the repository in Vercel to get automatic deployments.
  • Docker/Self-Host: Build with npm run build and start the server with npm start.

📄 License

This project is open-source and available under the MIT License.


Built with ❤️ by Ankush Rawat

GitHubLinkedInEmail

Contributors

Languages