- Set up new Next.js project
- Design and implement overall layout (intro, about me, experience, creations)
- Create and add 3D raccoon model
- Implement smooth transitions, animations, and light and dark mode options
- Ensure desktop/tablet/mobile responsiveness
- Optimise performance (e.g., images, lazy loading)
- Perform testing on compatibility and functionality
- Deploy to Vercel
- Continuously refine and optimise codebase
- Next.js
- Chakra UI
- Three.js
$PROJECT_ROOT
│ # Page files
├── pages
│ # React component files
├── components
│ # Non-react modules
├── lib
│ # Static files for images and 3D model file
└── public