New & Improved Personal Portfolio Site
View it here:
After ignoring my old portfolio website while focusing on other things, I feel now is the time to revisit it and apply some new technologies I have learned since then.
I made my old site before I learned Next.js, it is built with Vanilla CSS, React.js, and Express. My main issue with it is the inconsistencies in styling across different screen sizes and devices. This is a difficult fix considering the styling is not centralized whatsoever and is spread across several css files. Nowadays this is an unacceptable practice to me, especially for a site as small as this. I believe moving to Next.js and CSS in JS frameworks will streamline the development and design of the site, as well as prevent a remake in the future.
Soft Launched: 7/21/2024
Full Launch: TBD
This is mostly for myself to reference as I complete the site, just to have a good priorities list and order of development.
- Create a new Repository
- Create a new Next.js project
- Set up DX, branch protection rules, npm scripts
- Initialize UI libraries (#1)
- Create a README.md with tasks and description (#2) (#12)
- Create an about me card (#3) (#13)
- Create a link to view my resume (static upload) (#5) (#20)
- Create a skills section (#6) (#15)
- Create an education section (#7) (#16)
- Create a component for education items
- Create a work experience section (#8) (#17)
- Create a component for work experience items
- Create a projects section (#9) (#21)
- Create a component for projects
- Create an open source section (#10) (#22)
- Create a component for open source projects
- Create a contact me section (#11) (#19)
- Create a form for contact
- Create a component for contact form
- Nice to Haves (No issues yet)
- Create an admin dash
- Implement Authentication
- Create a Resume upload with S3
- Create a form for adding new projects
- Create a form for adding new work experience
- Create a form for adding new education
- Create a form for adding new skills
- Create a form for adding new open source projects
- Create an admin dash