ToDo App - Client (MERN Stack)

Goal

Creating a Full-Stack App that successfully integrates frontend technologies with a customized backend and third party apis.

Learning opportunities

• Combining the knowledge of backend & frontend
• Handle State with useContext & useReducer in React
• Using asynchronous functions (axios)

--> I used the following Expense-Tracker youtube-video as an initial reference: Part1 & Part2

Live Demo

Click here

Click here to see the repo for the corresponding backend (ToDoApp-server).

MVP - features

Current

• Add new ToDos
• Delete all ToDos
• Delete single ToDos
• Edit single ToDos
• Mark single ToDos as done
• Filter ToDos
• Dashboard with random quote & weather forecast

Upcoming

• Mobile Optimization
• Conversion into ful-blown productivity App with more detailed navigation (calendar view, dashboard, etc.)

Tech-stack

• React js (Functional Components)
• Bootstrap & Customized CSS for styling
• Node js / Express
• MongoDB / Mongoose

Setup