https://github.com/msichterman/mern-shopping-list

A digital shopping list web application created with the MERN stack (MongoDB, Express, React, Node).
https://github.com/msichterman/mern-shopping-list

Last synced: 8 days ago
JSON representation

A digital shopping list web application created with the MERN stack (MongoDB, Express, React, Node).

• Host: GitHub
• URL: https://github.com/msichterman/mern-shopping-list
• Owner: msichterman
• Created: 2019-08-19T01:18:42.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T10:53:53.000Z (almost 2 years ago)
• Last Synced: 2023-03-04T06:36:51.822Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 2.1 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 12
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![MSICH - Personal Site](https://img.shields.io/badge/MSICH-Personal%20Site-0892d0)](https://msich.dev/) 

[![Twitter Follow](https://img.shields.io/twitter/follow/mattsichterman?style=social)](https://twitter.com/mattsichterman) 

[![Follow on GitHub](https://img.shields.io/github/followers/msichterman?label=Follow%20on%20Github&style=social)](https://github.com/msichterman) 

# [MERN Shopping List](https://serene-garden-10704.herokuapp.com/)

A digital shopping list web application created with the MERN stack (MongoDB, Express, React, Node).

After being live for about a year, I decided to terminate the live applications. Screenshots and GIFs from the live app can be seen below!

## Motivation

I created this site because I wanted to learn how to build a fullstack web application using a JavaScript front and backend. I decided on the MERN stack, and used [Brad Traversy's YouTube course](https://www.youtube.com/playlist?list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE) to help me along the way. The app authorizes users to sign-in to a shopping list where they can add and remove items. The interface was created to be mobile friendly and responsive on all devices. 

## Technologies

* JavaScript

  * React

    * Reactstrap (Bootstrap 4)

  * Express

  * Node.js

* MongoDB

  * Mongoose

* Heroku

## Features

### User Authentication (Built From Scratch)

#### Register



#### Login



#### Logout



### Authenticated User Actions

#### Add to Shopping List



#### Remove from Shopping List



### All User Actions

#### View Shopping List

##### Authenticated Users



##### Guest Users



## Get In Touch

* Follow me on [Twitter](https://twitter.com/mattsichterman)

* Connect with me on [LinkedIn](https://www.linkedin.com/in/msichterman/)