MERN Stack To-Do List Development

This project focuses on the development of a MERN-based to-do list.

MongoDB

Express

React

Node.js

First, I created the front-end, which consisted of three main components: CreateTodo.jsx, EditTodo.jsx & TodoList.jsx; the front-end primarily involved React (i.e. JSX and HTML/CSS). The CreateTodo.jsx creates and inserts a new to-do task into the database. Next, EditTodo.jsx modifies an existing to-do task inside the database. Finally, TodoList.jsx displays all to-do tasks from the database. Moving on to the back-end, it was set-up using Express/Node.js and MongoDB; the former was used for server routing to insert and retrieve data to and from the MongoDB database, respectively. MongoDB hosted the local database that contained the to-do tasks.

To run the MERN application, perform the following steps:

cd into the backend directory and subsequently enter & "C:\Program Files\MongoDB\Server\4.2\bin\mongod.exe" --dbpath "./data/db" to run the MongoDB server and set the data directory.

Next, I ran the NodeJS/Express server by entering nodemon server.js into the terminal.

Afterwards, I ran the React.js application by entering npm start in the terminal.

I had no knowledge on how to set-up MongoDB on PowerShell. Fortunately from online sources, I learn' how to.. .