Rino Godson | Portfolio Used AI

Typescript Language Thing yelled at me and i fixed all of her problems! (i asked it for window.location instead of window.location.href, i'm dumb!)

After a long session messing with css, I finally managed to get the grid right, and added my actual project cards in there. (the devlog video have a voice over)

Improved animations and optimized performance to ensure smooth operation even on low-end devices. Refactored the entire codebase for better maintainability.
Also added a Projects page with responsive components, along with a Bookmarks page both currently use dummy data.

Honestly, I dislike how Next.js works. I chose it mainly for SEO, but dealing with server and client components is frustrating especially the fact that server components can’t be used inside client components. On top of that, the frequent re-renders on route changes are really annoying.

At one point, I gave ChatGPT full access to my codebase and blindly copied its suggestions big mistake. Everything broke. It even made up non-existent React hooks. That disaster is what eventually forced me to refactor everything from scratch.

Some perfomance improvements on Mobile Devices. Added a more ergonomic design to the navigation session, i faced alignment issues while doing this (css sucks btw). When fully scrolled, the content was hidden by the floating navbar, so i added some space down there. That's it!

After playing with the React Motion library, I managed to make an animated navigation bar with smooth page switching. It was pretty difficult to get this right, the way the selected text needs to be centered after selection and the way it needs to move and align correctly to the screen during the animation.

Developed the primary layout and sections in alignment with my Figma design.