/MERN-Todo

A MERN-Stack Todo App

Primary LanguageJavaScript

MERN Stack Todo

A reworking of this youtube series from coding the smart way, replacing react components with hooks and adding delete option.

Small Full Stack Todo App using MERN Stack:

  • MongoDB
  • Express
  • React - using Hooks
  • Node.js

Have the following installed before proceeding:

  • Install Node.js Link
  • Have nodemon installed globally: npm i -g nodemon
  • Install mongoDB Link and have service running, see docs

Setup

  1. Have mongo running locally
  2. Start mongodb terminal
$ mongo
  1. Create todos table in mongodb terminal
> use todos
  1. Enter backend folder, install node modules, start server server
$ cd backend
$ npm i
$ nodemon server
  1. Enter frontend folder install node modules, run npm start
$ cd frontend
$ npm i
$ npm start

  1. The frontend should open in favorite browser or visit: http://localhost:3000

  2. Create Todos!