867e7a57063a8e0582e7da052e2f57ef167e18f5
Focus on fleshing out and adding systems to my portfolio
- Not just past projects, but scripts to easily add new projects.
- Responsive design
- Resume page
- SLCC e-portfolio
The idea is to showcase my full-stack development skills in a future-ready manner.
Timeline: Week 1: 17/12/24 - 23/12/24 (Planning for the future)
- Refactor and reorder the HTML & CSS.
- Template HTML blocks for repeated components.
- Document classes, ID's, and other attributes.
- Script to easily add new projects (components).
- Embeddable PDFs (research phase).
Week 2: 24/12/24 - 30/12/24 (Adding key information)
- Resume page (HTML and PDF options).
- Convert SLCC e-portfolio to my own website
- Meet required pages and content
- Embed PDF course reflections/signature assignments.
- Contact page.
- Implement MailTrap for sending me automated emails when there is a contact form submission.
Week 3: 31/12/24 - 6/12/24
- Refactor & polish codebase.
- Update documentation.
- Demo's of various projects.
- Security:
- Blacklist IPs which access /wp-admin and /wp-login.
- Separate user for self-hosting, with reduced permissions.
- Dockerize
- Blog page (stretch goal).
Major Bugs (UI, UX, or Functionality):
- Breathing animation of background gradient stopped.
- Add state to skill accordions for mobile.
- Alignment of project card on mobile.
- PDF viewer width is constant, doesn't respond to resizing (or setting the width in CSS).
- More prominent slide indicator for projects (or n/10 counter, or some similar solution).
Features
- Refactor and reorder the HTML & CSS.
- Template HTML blocks for repeated components.
- Resume page (HTML and PDF options).
- Contact page.
- Convert SLCC e-portfolio to my own website
- Security:
- Separate user for self-hosting, with reduced permissions.
- Dockerize
- Proper 404 page
Stretch Goals:
- Blog page (stretch goal).
- Read in data for portfolio from a DB or preferably a plain text files.
- Script to easily add new projects.
- Demo's of various projects. (embed Java Swing app or Flutter app directly into portfolio).
Refactoring:
- Rewrite CSS into components/modules
Minor Bugs:
- Contact form submission centers entire section.
- Profile picture animation is slightly cutoff on mobile.
Languages
JavaScript
57.3%
CSS
39.2%
Dockerfile
1.9%
HTML
1.6%