spxis / fullstack-typescript-mern-todo

Full-stack TypeScript App with React, Nodejs and MongoDB

How To Build a Todo App with React, TypeScript, NodeJS, and MongoDB

In this tutorial, we will be using TypeScript on both sides (server and client) to build a Todo App from scratch with React, NodeJS, Express, and MongoDB.

So, let's start by planning the API.

Read the article

• API with NodeJS, Express, MongoDB and TypeScript
  • Setting up
  • Create a Todo Type
  • Create a Todo Model
  • Create API controllers
    • Get, Add, Update and Delete Todos
  • Create API routes
  • Create a Server
• Client-side with React and TypeScript
  • Setting up
  • Create a Todo Type
  • Fetch data from the API
  • Create the components
    • Add Todo Form
    • Display a Todo
  • Fetch and Display data
• Resources