A minimalist personal website featuring interactive animations and smooth transitions. Originally prototyped on Replit and now migrated to a standalone repository for better performance and maintainability. I don't know how to code, so this was my first crack at deploying something outside of replit (it was a ngihtmare).
Minimalist personal site with subtle micro-interactions & animations).
- Framework: React 18 with TypeScript
- Styling: Tailwind CSS + CSS Animations
- Animations:
- GSAP for complex animations
- Framer Motion for UI transitions
- Three.js for 3D effects (not currently implemented)
- UI Components: shadcn/ui
- Build Tool: Vite
bash
Install dependencies npm install
Start development server npm run dev
Build for production npm run build
- Initially built and prototyped on Replit
- Migrated off Replit for better performance and development workflow and learning purposes
- Cleaned up redundant code and optimized animations
- Deployed on Vercel for reliable hosting and automatic deployments
client/ ├── src/ │ ├── components/ │ ├── pages/ │ ├── App.tsx │ └── main.tsx
Note: This site is continuously being improved. Feel free to open issues or submit PRs for any improvements.