PROJECTS

Front-end • Full-stack • Back-end


Front-end
The Shoppies
The Shoppies

The Shoppies is an application built with React and React Hooks. It allows users to search for films using the OMDB API and to save the films that they feel should be up for nomination. Local storage is used to preserve movies that are added to the Nominations list so that the data is not lost when the page is refreshed.

CoderGuides
CoderGuides

CoderGuides is dedicated to guides and notes on various topics related to web development. This responsive website was built with React and React Bootstrap and includes features, such as Prism for synatx highlighting, downloadable PDF versions of each article, share buttons on each article, and a contact form.

ESL Toolbox
ESL Toolbox

ESL Toolbox is a resource hub of online resources for students and teachers of ESL. This responsive website was created using JavaScript, Bootstrap, CSS, HTML, and other technologies. It has been shared across the instructor community on the Canvas Learning Platform in the ESL department at Grossmont College.

The Simpsons Clicky Game
The Simpsons Clicky Game

The Simpsons Clicky Game is a React application that tests your memory with a Simpsons-themed memory game. The user tries to click on all twelve cards without clicking the same card twice. The cards are shuffled each time the user clicks on a card. Test your memory as you try to beat your high score!

Raygun Circus
Raygun Circus

The official website for Raygun Circus, an indie band from San Diego. This responsive website was created using JavaScript, Bootstrap, CSS, and HTML. It features pages with music for users to listen to, embedded YouTube videos, links to other related social pages, and more. Stop on by and explore the website.

Bar Finder
Bar Finder

A team collaboration, Bar Finder utilizes the Google Maps API and two other APIs to allow users to search for a bar based on location and bar type, as well as search for drink recipes so that they may make the drinks themselves. By creating an account and logging in, users can select bars and drinks and add them to their Favorites.


Full-stack
Lucky Student
Lucky StudentDemo Video

Lucky Student is a full-stack MERN application that allows teachers to select a student at random from their class roster. Change things up in the classroom and randomly select students to answer questions, summarize texts, etc. Create an account and log in to add students to your roster, as well as edit and delete names.

Friend Finder
Friend Finder

Friend Finder is a compatibility-based application meant to simulate a simple dating app, by using the results from a user's survey responses to find and display the name and picture of a user with the best overall match. Friend Finder uses Node and Express on the back-end and Bootstrap on the front-end for the design.


Back-end
LIRI Bot
LIRI Bot

LIRI Bot is a command line Node app that takes in parameters and returns data. Through the use of APIs, users can search Spotify for songs, Bands In Town for concerts, and OMDB for movies. Log your search results in a separate .txt file to save what you have searched for. This application employs the use of NPM packages, including Moment, Request, and the Node-Spotify-API package.

Bamazon
Bamazon

Bamazon is a command line Node app that uses MySQL. A Customer View takes in orders from customers and depletes stock from the store's inventory, while a Manager View allows managers to view a list of the products for sale, view low inventory, add to the inventory, and add a new product. This application employs the use of NPM packages, including MySQL, Inquirer, and the Cli-Table package.