Personal Portfolio - V1

Roadmap

• 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

Stack

• Next.js
• Chakra UI
• Three.js

Project structure

$PROJECT_ROOT
│   # Page files
├── pages
│   # React component files
├── components
│   # Non-react modules
├── lib
│   # Static files for images and 3D model file
└── public

Highlights

License

MIT © Roberto Nacu