January 2026
2 Months
Typesafe, Scalable UI
This is the very site you are looking at, and the 3rd and hopefully last attempt of making a portfolio where I did my best attempt of balancing minamilism with unique and interactiveness.
I created this project as a bootcamp to learning NextJS and Typescript, which has helped me to make a portfolio that is both scalable with reuseable component,datasets, and dynamically loaded interfaces while also giving the data type safety through typescript to make debugging easier
| Challenges | Solutions |
|---|---|
| GitHub API Delay | Implemented the fallback UI for this reason, as github contributions chart takes time to render. |
| Code Duplication Chores | Refactored codebase into many components for readbaility and scability utilizing dynamic routes and seperate data files. |
| Animation Behaviour | Used aniamte presence for exit animations and in built stagger object for staggering children of components |
| Type-Safe Component Architecture | Refactored components with TypeScript for reusable, robust, and maintainable code while managing multiple states and props. |
Split code into multiple components, use lazy loading and react hooks.
Include semantic HTML elements properly and give aria labels to important elements
Use the correct HTML tags for each element, optimize images, and made website responsive
Use proper HTML elements and include alt labels for images
By making this, I was able to learn the fundamentals and basics of both NextJS and Typescript for a bug free, scalable and optimized portfolio by making the best use of these tools with dynamic routing, interface typing, and metadata.