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.

• 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

API with NodeJS, Express, MongoDB and TypeScript

Setting up

If you’re new to this, you can start with A Practical Guide to TypeScript or How to build an API from scratch with Node JS, Express, and MongoDB to get most out of this tutorial - otherwise, let’s get started.

To create a new NodeJS App, you need to run this command on the terminal.

#react #typescript #nodejs #mongodb