projects_

FEATURED

Another Movie Database (AMDb)

This web app marks my first deep dive into Next.js, Tailwind, and Server-Side Rendering.

Preview of Another Movie Database (AMDb)

kyk-packages-redesign Background

kyk-packages-redesignLogo

kyk-share-improvements Background

kyk-share-improvementsLogo

todoist-notion-sync Background

todoist-notion-syncLogo

esports-news-api Background

esports-news-apiLogo

snapface Background

snapfaceLogo

pokeapi-app Background

pokeapi-appLogo

data-services Background

data-servicesLogo

streamlit-craigslist-used-cars Background

streamlit-craigslist-used-carsLogo

hump-day-golf-league Background

hump-day-golf-leagueLogo

fidelity-1 Background

fidelity-1Logo

fidelity-2 Background

fidelity-2Logo

roche-bros-redesign Background

roche-bros-redesignLogo

project notes_

this is a list of all the tech I learned by developing this site.

React
- Creating Functional / Class components
- Raising / Managing State
- Using React Hooks (useRef, useState)
- Raising / Handling Events
- Conditional Rendering
React-Location
- Creating routes
- Conditional rendering based on current page (useLocation hook)
Markdown-to-jsx
- Plugin for importing markdown files; used for project descriptions
SASS
- Nesting rules
- Dynamic theme swapping using maps / loops
CSS BEM
GSAP
- Animated all site elements
- Pins, Scrubs, and Staggers
- Timelines
- ScrollTriggers
- Custom Effects
SVG
- Vector art drawn with Adobe Illustrator
- Paths animated with GSAP

Canvas
- Used to animate sky on landing page
Markdown
- For writing project descriptions / READMEs
Email.js
- Controlling HTML form state with React
- Email forwarding
- Providing Success / Error messages
Webpack Require.Context()
- For dynamically importing all project info (via .json, .md, .svg, and .webm files)
GitHub
GitHub Pages
- For hosting live project demos
Adobe Illustrator
- Designing page mockups
- Creating SVG assets

Copyright © 2025 Anthony Medugno.