ReactNext.jsVercel

My Projects

Game of Life

Game of Life

Plays out simulations of John Conway's Game of Life. Frontend React + Node.js. Play/pause/reset timed simulation, alter group size and quantity.

ReactJavaScriptVercel
Launch
Music Player

Music Player

A site with a built in music player. A frontend SPA Router, React + Node.js + react-player. Preloaded with a playlist, songs can be played, paused, and skipped. Volume adjustment and song progress bar.

ReactNode.jsreact-player
Launch
Eight Ball Pool

Eight Ball Pool

A game of 8 ball billiards made with the Matter.js engine. Originally a fullstack app with React + Express.js + Node.js + MongoDB + graphql. Has been refactored into a serverless Next app + Postgres DB. Users can sign up, play, submit and view their best scores on their profile.

Next.jsMatter.jsPrisma
Launch
Asteroids

Asteroids

The retro arcade game Asteroids, one using Matter.js and one using Three.js. Was originally a fullstack app, with React + Express + Node.js + MongoDB + graphql. Has been refactored into a serverless Next app + Postgres DB. Users can sign up, submit and view their best scores on their profile.

Next.jsMatter.jsThree.js
Launch
Solitaire

Solitaire

The card game Solitaire made with react-draggable. Was a fullstack app, with React + Express + Node.js + MongoDB + graphql. Has been refactored into a serverless Next app. Users can sign up, submit and view their best times on their profile.

Next.jsreact-draggablePrisma
Launch
Minesweeper

Minesweeper

A frontend game of Minesweeper in Next.js. Originally fullstack, with React + Express + MongoDB + graphQL. Then refactored into a serverless Next app.

Next.jsVercelTailwind
Launch
Horror Map

Horror Map

This (unfinished) blog site provides a guide for horror fiction-writing. Formerly in React + MongoDB + graphql and deployed on Heroku, then refactored into a serverless SPA Router App in Next.js + Postgres-Neon DB. Users can sign up and leave comments on each page.

Next.jsVercelTailwind
Launch
Fiction Map

Fiction Map

This (unfinished) blog site provides a guide for fiction-writing. Formerly in React + MongoDB + graphql + Heroku deployment, then refactored into a serverless SPA Router App in Next.js + Postgres-Neon DB. Users can sign up and leave comments on each page.

Next.jsVercelNeon Postgres
Launch
PWA Text Editor

PWA Text Editor

A Text Editor app built with Javascript + HTML + CSS + Express Server. It utilizes PWA technologies, including Webpack + a Service Worker + IndexedDB for use and storage offline. Deployed on Render.

ExpressWebpackBabel
Launch
MVC Tech Blog

MVC Tech Blog

A tech-themed blog with user Auth. It originally used Handlebars UI + Express server + MySQL database with Sequelize + deployed on Heroku. Then refactored into a serverless Next.js app + Postgres-Neon DB + deployed on Vercel.

HandlebarsExpressJavascript
Launch
Express Note Taker

Express Note Taker

This is a note-taking app which runs in node.js. The front end is created through HTML and CSS. It runs on an Express server, and note data is saved JSON and local storage for later retrieval. This app is deployed on Heroku.

JavaScriptExpressCSS
Launch
Server-Side API Weather Dashboard

Server-Side API Weather Dashboard

A weather display dashboard, search by city name and return a 5 day forecast using the Open Weather Map API. Data is saved in local storage. HTML + CSS + Javascript + deployed on GitHub.

HTMLCSSJavaScript
Launch
Third Party API Work Day Scheduler

Third Party API Work Day Scheduler

This is a note taking app to help create, store, and display daily plans and activities. It was created using HTML, CSS, and Javascript. Data can be deleted or stored data through local storage for later retrieval. It is deployed on GitHub.

HTMLCSSJavaScript
Launch
Web API Coding Quiz

Web API Coding Quiz

A timed multiple-choice coding-themed quiz. HTML + CSS + Javascript. Score data is saved in local storage. Deployed on GitHub.

HTMLCSSJavaScript
Launch