A modern, fully responsive portfolio website built with Astro, Tailwind CSS, and TypeScript. Features smooth animations, interactive elements, hidden easter eggs, and optimized performance across all devices.
What makes this special:
- 🎨 6 customizable theme colors
- 🎭 Smooth animations
- � Hidden easter eggs
- 📊 Real-time performance metrics
- 📱 Fully responsive (mobile, tablet, desktop)
Core:
- ⚡ Astro - Modern static site generator
- 🎨 Tailwind CSS - Utility-first CSS framework
- 📘 TypeScript - Type-safe JavaScript
- 🟨 JavaScript - Dynamic functionality
Libraries:
- ⌨️ Typed.js - Typing animations
- 🎨 Custom CSS Animations - Smooth scroll-triggered animations
- 🎯 Custom Tilt Effects - Lightweight 3D hover effects
- Node.js v18.14.1 or higher - Download
- npm (comes with Node.js)
1. Clone the repository
git clone https://github.com/Rakesh9100/My-Portfolio-Website.git
cd My-Portfolio-Website2. Install dependencies
npm install3. Start development server
npm run dev🌐 Open browser to: http://localhost:4321
Hidden interactive features! Try typing these anywhere on the page (desktop only):
| Keyword | Effect | Description |
|---|---|---|
| :) | 😊 Emoji Rain | Falling emojis animation |
| deploy | 🚀 Confetti Burst | Celebration confetti |
| dev: | 💻 Developer Console | Stats in browser console |
| devops | ⚙️ CI/CD Pipeline | Pipeline animation |
Hint: Check the footer for a clue! 👀
Note: Easter eggs are disabled on mobile for better performance.
Connect with me through any social handles mentioned in this bio link tree.
Give a ⭐ if you like this project!
