For this project I used "React + Vite"'s template and tailwind's CSS library for alot of the styling.
If you want to make something similar to this, use "npm create vite", select react, and javascript. I have a Notion page with my well documented experience with making this project, if you run into any issues hopefully I addressed some of them in the notes.
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Version 1 TODO: Whole'lotta icons:
- Add socials
- Add technologies
- Add certifications
Readability Buff
- Figure out mouse tracking
- fade out the background where the mouse is (Should be implemented on the page level)
- Backdrop Blur (saw a video on it)
Version 2 TODO:
- Add Certifications
- Change around Name Colors
- Other front end techniques for UI UX
Content Update:
- cleaned up the effects on the website a little, toned down some longer animations
- verified version 1 and 2 requirements are all met
- thinking about adding parallax to the website but leave that for future versions
- most importantly UPDATED WEBSITE WITH NEW EXPERIENCES AND CONTENT
BUGS:
- Mobile Support
- This means making my website responsive. ** This issue was supposed to be solved with Version (1) and is a known bug since Version (0). I tried addressing it using tailwind but I have not been able to properly test the website on such environments. That would be a good first start to hopefully finish this issue.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh