A high-performance, visually stunning developer portfolio built with modern web technologies. This project showcases advanced frontend engineering skills, featuring immersive 3D elements, fluid animations, and a responsive design that works seamlessly across all devices.

Designed to be more than just a resume, this portfolio is an experience—demonstrating expertise in React ecosystem, creative coding, and performance optimization.

• 🎨 Premium UI/UX: Custom design system using TailwindCSS with a dark, cyber-aesthetic.
• ⚡ High Performance: Powered by Vite for lightning-fast HMR and optimized production builds.
• 🌐 3D Integration: Interactive 3D elements using React Three Fiber.
• 🎬 Advanced Animations: Complex orchestrations with Framer Motion and GSAP.
• 📱 Fully Responsive: Mobile-first architecture ensuring perfect rendering on any screen size.
• ♿ Accessible: Built with accessibility best practices (ARIA, semantic HTML).
• 🔧 Type-Safe: 100% TypeScript codebase for strict type checking and maintainability.

• Framework: React 18
• Language: TypeScript
• Build Tool: Vite
• Styling: TailwindCSS
• Animations: Framer Motion
• 3D Graphics: React Three Fiber
• UI Components: Radix UI (Headless) + Shadcn/ui
• Routing: React Router
• Linting & Formatting: ESLint + Prettier

1. Clone the repository

   git clone https://github.com/achyuthkp27/Portfolio.git
   cd Portfolio

2. Install dependencies

   npm install

3. Start the development server

   npm run dev

   The application will be available at http://localhost:5173.

To create a production-ready build:

npm run build

The output will be in the dist directory, ready to be deployed.

This project is configured for automated deployment to GitHub Pages using GitHub Actions.

• Workflow: .github/workflows/deploy.yml
• Trigger: Pushes to the main branch.
• Process: Builds the project and deploys the dist folder to the gh-pages branch.

This project is licensed under the MIT License - see the LICENSE file for details.