Simple Notes app using React, TypeScript, Node.js, GraphQL and MongoDB

Mon, 17 Apr 2023 00:00:00 +0000

In the series of the blog post, I am going to walk through step by step process of building a Simple Notes App using React, TypeScript, Node.js, GraphQL , and MongoDB. During the process of our development, we are going to use some useful npm packages like Express, Apollo-Server, Typegoose, Mongoose, TypeGraphQL , and Bootstrap.

Here is the Github Source Code to run the application.

Table of Content

Dev Environment Setup
GraphQL Server Backend
Folder Structure
Creating Node.js project
Configuring TypeScript
Installing Dependency Packages
Mongoose Schema and GraphQL Schema
GraphQL Resolvers
Mongo Database Setup
Environment Configuration
Node.js Server Setup
Config files
- package.json
- nodemon.json configuration
Running node.js / Server

Dev Environment Setup

We are going to set up our initial codebase and folder structure to get started. In this tutorial, I am going to use the Windows environment. The command structure is mostly the same and can be easily replicated to macOS.

Node.js on David Lang

Simple Notes app using React, TypeScript, Node.js, GraphQL and MongoDB

Dev Environment Setup