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.
- 🎨 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 likeabout,help, andgh. - 📖 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.
- Framework: Next.js
- Language: TypeScript
- Styling: TailwindCSS
- Animations: Framer Motion
- 3D Graphics: React Three Fiber & Three.js
- UI Components: Radix UI (Headless Component Primitives)
To run this project on your local machine, follow these steps:
-
Clone the repository
git clone https://github.com/ankush850/Portfolio.git cd Portfolio -
Install dependencies
npm install
-
Start the development server
npm run dev
The application will be available locally at
http://localhost:3000.
To create an optimized production build:
npm run buildThe output will be generated in the dist directory, ready to be deployed to any static hosting service.
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 buildand start the server withnpm start.
This project is open-source and available under the MIT License.