Trivia Dungeon

This was my very first project: A dungeon crawler for trivia fans, built with vanilla JS/HTML/CSS, deployed on Surge. I used the Trivia API from Open Trivia Database to fetch questions and was inspired by the dark aesthetics of the game Darkest Dungeon. I had a vision of a class-based trivia game, where player abilities could act as life lines to ease the difficulty of questions. This was also a learning experience for class constructors in JS. Overally, I have a soft spot in my heart for this project, even with how simple it is.

Technologies Used: Javascript, HTML, CSS

Github

clacTILE

This project was my attempt at a mechanical keyboard builder, built with MongoDB/Express/Node/React. This project is what made me appreciate the context hook. At the time, we hadn’t covered context in class and I was having issues passing the part id’s as props, since my components were nested 3 layers deep. I eventually devised a workaround with localStorage to meet my deadline. Overall, I really enjoyed the project, and was able to experiment with a lot of hover effects and background gradients for styling.

Technologies Used: MongoDB, Express, React, Node

Github

Mushi Roll

A group project where I collaborated with my team to build an anime database with a built-in music player, utilizing a PostgreSQL/Express/React/Node, JWT for auth, and deployed on Heroku. I was in charge of the front-end components and logic. I had a lot of fun building this, especially the music player. It was my first time using the ref hook, and also my first time attempting a music player in general. The seek functionality was tricky, especially when I was attempting to set the max duration of the input range bar to the duration of the music track. It took a lot of experimentation with the useEffects and timer intervals, but it was well worth it in the end.

Technologies Used: PostgreSQL, Express, React, Node

Github

Waypoint

Waypoint is an app that chronicles your own Hero’s Journey, built using PostgreSQL/Express/React/Node, JWT for auth, deployed on Heroku. I really wanted to implement a React component library for this project and used Material UI for some of the forms, buttons, and icons. The concept of a goal tracking RPG seemed simple enough, but I soon found that smart database structure would have made my life much easier. There was a lot of back and forth with my associations, and I must have rebuilt the database at least 5 times over. Diving into Material UI was very exciting, even though I kept the parts I used to a minimum. It really made me appreciate how deep the library was, and how much faster I could create sites using their pre-built components.

Technologies Used: PostgreSQL, Express, React, Node

Github