Web Development Projects

These are some of the web projects I have collaborated on as a MERN stack software engineer. If you want to learn more about these projects, please visit my GitHub page.

StyleStation E-Commerce Website

StyleStation is a clothing shop that sells products for men, women and kids. I used the MERN (MongoDB, Express, React, NodeJS) Stack to create this full-stack web application. It includes user authentication, and the ability to save your cart contents within your personal account. That way, you can pick up where you left off in your browsing! StyleStation is a fully-responsive application that can be viewed across the largest to smallest screen sizes. I used CSS and media queries to make the website responsive and accessible. View my GitHub repo here.

Tools Used: React, Javascript, HTML, CSS, MongoDB, Express, NodeJS, AJAX

 

BlogMate Website

This project is a full-stack web page built with NodeJS and Express using a MongoDB database. The blog posts are part of a database collection that can be added to, edited, deleted from, etc. There is a Posts collection, a Users collection, a Comments collection and a Sessions collection within the database. View my GitHub repo here.

Tools Used: Javascript, HTML, CSS, MongoDB, Express, NodeJS, AJAX

Screen Shot 2021-01-21 at 12.41.44 AM.png

Trivia Game

Javascript-based game with a built-in timer. The goal is to answer all of the questions before the timer runs out. You can view the GitHub repo here.

Tools Used: Javascript, HTML, CSS

 

Moodify Social Media Website

Full-stack Social Media app project that allows users to update their mood on the fly. This was a group collaboration, I helped with parts of the front end and the user authentication portion on back end. The website is not fully functional but you can at least see what we were going for! You can view the GitHub repo that I have contributed to here.

Tools Used: Javascript, HTML, CSS, React, Express, NodeJS, JWT

 
Screen Shot 2021-01-21 at 12.41.11 AM.png

FriendFinder

Web-based internal API quiz game to match you with your ideal friend based off the answers you choose. Please note: You’ll need to input a photo url (any photo) if you want the survey to work! Here is a sample image url you can use.

You can view the GitHub repository here.

Tools used: HTML, Javascript, Node.js

Screen Shot 2021-01-23 at 4.09.04 AM.png

PlatePlanner Website

The purpose of PlatePlanner is to be able to search for recipes, save favorite recipes to the profile while also saving the ingredients from that recipe to the shopping list. This website is not currently live but you will find plenty of information in the GitHub Repo.

Tools Used: Node.js, Javascript, HTML, CSS, SASS

 

Psychic Game

Psychic Game! This is a front-end web mini-game made using Javascript. It is your duty to try and guess the letter that the computer is thinking of. If you are correct, you'll receive an alert saying you've won! View my GitHub repo here.

Tools Used: Javascript, HTML, CSS

 
Next
Next

Visual and Graphic Design Work