Kevin Nguyen

Welcome
Kevin Nguyen Portfolio

Projects

sorted logo

Sorted

An artist discography ranking web app. Users can pick an artist to rank their songs.

  • Designed the layout and overall structure of the site using React, TSX, and BrowserRouter.
  • Implemented a search bar that retrieves data from Last.fm's API.
  • Created algorithm for advancing selected song in brackets page.
  • Developed selection and dragging logic for songs on blind ranking page.

Used: React + Vite + TypeScript, Last.fm API, react-brackets library, Cloudflare Pages

malstatsviewer logo

MALStatsViewer

A MyAnimeList API data visualizer. Users can log in to view their MAL data.

  • Refactored backend; separated functionalities from one monolithic function.
  • Created functions to fetch and render MyAnimeList API data.
  • Dynamically display user data with Jinja2.
  • Designed appearance of site with Tailwind CSS.

Used: Python + Flask, HTML, Tailwind CSS, JavaScript, Jinja2, Chart.js library, MyAnimeList API, Render

death gripple logo

Death Gripple

Wordle clone based on the songs of experimental band Death Grips.

  • Implemented modals to relay information or game results to users.
  • Created core gameplay logic including searching for songs and submitting guesses.
  • Developed an algorithm to give hints based on user guesses.
  • Used LocalStorage for each game to be saved after users exit the site.
  • Manually scraped Death Grips music data into a JSON file.

Used: HTML/CSS, JavaScript, LocalStorage, Cloudflare Pages