Personal Portfolio Used AI
My personal website showcasing all the projects I've created until now. It was originally written in vanilla HTML/CSS/JS, but I decided to rewrite it in React/React Router to clean up the codebase and utilize framer motion for satisfying animations.
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Fixed jittering and used responsive design to make the mobile version as smooth and satisfying as the desktop version
Added a cursor shadow (is a white shadow is still considered a shadow?) to the project tiles, made project tiles take up entire width of viewport, made hover effect independent from tile size, and modularized hover effect so it could be used in the navbar
Recently used an apple tv, so I made some changes to the project tiles' hover effect to make it more similar to the apple tv home screen.
Added a 3d hover effect and polished the modals. Also I'm not sure why it only shows 3.5 hours for this when i spent over 12 hours on this since yesterday.
Spent a lot of time researching and trying to implement modals, so anyone looking at my website stays on my website. Also, I fixed WakaTime API calls, but having no dev time logged (thanks Hackatime for being a WakaTime fork with no API access!!) breaks the website, so it is disabled for now.
Ported code to react, and have successfully used framer motion to improve animations, but I haven't taken advantage of functions yet for reusability.
I spent a few hours working on CSS animations, and a lot of weird behavior from the animations have led me to decide to refactor my website from vanilla HTML/CSS/JS to React/React Router. Refactoring will occur later today
