Personal Portfolio
My personal computer science webpage.
Showcases my skills in use, and describes previous projects.
- HTML5
- CSS3
- JavaScript
- Git & GitHub
- CSS selectors
- List styling
- display:block and display:flex
- Size-responsive displays
- eventListeners
Takeaways
Style the static element - then animate it or make it appear/disappear.
Sometimes you'll have to redo entire sections of code, rework classes/ids, or do other major refactors. It's worth it.
Getting the projects menu/content to update and display correctly was a lot of work! It took three rewrites and consulting two people, but I finally have the results I want, and I understand the code behind them.
When writing webpage scripts, console.log() is your friend.
Modyfi Web Print
A scalable web checkout system for Modyfi.
Integrates with Modyfi's existing image generation engine to allow users to order customized prints.
Connects with APIs for checkout and dropshipping.
- TypeScript
- React
- Tailwind CSS
- Supabase
- Git & GitHub
- Agile sprints
- API integration
- Database design
- Database buckets
- Teamwork
- Technical presentations
Takeaways
Have a dedicated scrum master, whose minimum job is task assignment. Don't just do it as a free-for-all.
Always, always communicate when distributing tasks.
Do regular stand-ups, or otherwise have some record of what you're working on.
Art Portfolio Page
A webpage that showcases my photography.
Emphasis on design and animation.
- HTML5
- CSS3
- JavaScript
- PHP
- Supabase
- Git
- CSS selectors
- Custom fonts
- Database design
- Database buckets