{ "componentChunkName": "component---src-templates-blog-post-js", "path": "/node-express-typescript-mongo-rest-api/", "result": {"data":{"site":{"siteMetadata":{"title":"CrewCode Solutions"}},"markdownRemark":{"id":"39dc311c-1ef8-5938-a4aa-60266cea747e","excerpt":"In this article i will explain you step by step to setup REST Api with node, express , mongodb and typescript Step 1: Install typescript globally We need to…","html":"

In this article i will explain you step by step to setup REST Api with node, express , mongodb and typescript

\n

Step 1: Install typescript globally

\n

We need to install typescript globally in our computer so that we can use typescript command easily you can use npm or yarn i will use npm here, use the command below to install typescript

\n
npm install -g typescript\n
\n

\"typescript-install\"

\n

Step 2: Initialize typescript compiler

\n

We need to intialize typescript compiler in order to compile our code to typescript, go to project folder and use below command to initialize typescript compiler this will create tsconfig.json file at the root path of your project

\n
tsc --init\n
\n

\"typescript-compiler\"

\n

Step 3: Initialize npm

\n

Initialize npm to create package.json file so that you can install necessary package required by the project or start the project or for other purposes where you need to run npm command, run below command to initialize npm

\n
npm init\n
\n

\"npm-init\"

\n

Step 4: Change the required configuration in tsconfig.json file for your project and create a src folder in your project root path

\n

Change the outDir, rootDir in your tsconfig.json file outDir is the path where typescript compiled file will be stored and rootDir is the path where you main project code exists, I'm defining the path folder path as outDir: './dist' and rootDir:'./src'

\n

Also create a folder name src at root path of project where we will be storing our project files

\n

\"tsconfig-file\"

\n

Step 5: Install required package express.js and body parser,nodemon, node types using npm

\n

We will use npm command to install express.js and body parser, use below command to install the package express.js and body-parser and mongoose which helps in connecting to mongodb database

\n
npm install --save express body-parser mongoose\n
\n

Use below command to install nodemon as development dependency

\n
npm install --save-dev nodemon\n
\n

Use below command to install node types so that typescript understands the node js code and doesn't throw error

\n
npm install --save-dev @types/node\nnpm install --save-dev @types/express\n
\n

Step 6: Creating Node, express server and starting the server

\n

Create app.ts file under src folder in your project which we have created previously and copy paste code below in your app.ts file

\n
import express from \"express\";\n\nconst app = express();\n\napp.listen(3000);\n
\n

Update your package.json file and add start command under script tag to compile typescript code and start the express server

\n
\"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\n    \"start\": \"tsc && nodemon dist/app.js\"\n  },\n
\n

After updating package.json file you can use below command to start the express server

\n
npm start\n
\n

\"npm-start\"

\n

Step 7: Creating routes, controller , model folder, connecting to mongodb and testing REST api

\n

Create a folder name controller inside src folder and create a file name todos.ts which is controller file and copy paste below code

\n
import { RequestHandler } from \"express\";\n\nimport Todo, { TodoModel } from \"../models/todos\";\n\nexport const createToDo: RequestHandler = async (req, res, next) => {\n  try {\n    const data: TodoModel = req.body;\n    console.log(\"Data\", data);\n    var todos = await Todo.create(data);\n    return res\n      .status(200)\n      .json({ message: \"Todo created successfully\", data: todos });\n  } catch (error: any) {\n    return res.status(500).json({ message: error.message });\n  }\n};\n\nexport const getToDo: RequestHandler = async (req, res, next) => {\n  try {\n    var todos = await Todo.find({});\n    return res.status(200).json({ message: \"All todos!\", data: todos });\n  } catch (error: any) {\n    return res.status(500).json({ message: error.message });\n  }\n};\n\nexport const updateToDo: RequestHandler = async (req, res, next) => {\n  try {\n    const { id } = req.params;\n    var todos = await Todo.findByIdAndUpdate(id, req.body, { new: true });\n    return res\n      .status(200)\n      .json({ message: \"Todo updated successfully!\", data: todos });\n  } catch (error: any) {\n    return res.status(500).json({ message: error.message });\n  }\n};\n\nexport const deleteToDo: RequestHandler = async (req, res, next) => {\n  try {\n    const { id } = req.params;\n    var isDeleted = await Todo.findByIdAndDelete(id);\n    if (!isDeleted) throw new Error(\"Failed to delete todo\");\n    return res.status(200).json({ message: \"Todo deleted successfully!\" });\n  } catch (error: any) {\n    return res.status(500).json({ message: error.message });\n  }\n};\n\n
\n

Create a folder name routes inside src folder and create a file name todos.ts which is route file and copy paste below code

\n
import { Router } from \"express\";\nimport {\n  createToDo,\n  getToDo,\n  updateToDo,\n  deleteToDo,\n} from \"../controllers/todos\";\n\nconst router = Router();\n\nrouter.post(\"/\", createToDo);\n\nrouter.get(\"/\", getToDo);\n\nrouter.patch(\"/:id\", updateToDo);\n\nrouter.delete(\"/:id\", deleteToDo);\n\nexport default router;\n
\n

Create a folder name models inside src folder and create a file name todos.ts which is model file and copy paste below code

\n
import * as mongoose from \"mongoose\";\nimport { Model } from \"mongoose\";\n\ntype TodoType = TodoModel & mongoose.Document;\nexport interface TodoModel {\n  title: {\n    type: String,\n    required: true,\n  };\n  description: {\n    type: String,\n    required: true,\n  };\n}\nconst TodosSchema = new mongoose.Schema({\n  title: {\n    type: String,\n    required: true,\n  },\n  description: {\n    type: String,\n    required: true,\n  },\n});\nconst Todo: Model<TodoType> = mongoose.model < TodoType > (\"Todo\", TodosSchema);\nexport default Todo;\n
\n

Update your app.ts file with below code this includes connection code with mongodb and routes code

\n
import express from \"express\";\nimport db from \"mongoose\";\nimport todoRoutes from \"./routes/todos\";\nimport { json, urlencoded } from \"body-parser\";\n\nconst app = express();\n\napp.use(json());\n\napp.use(urlencoded({ extended: true }));\n\napp.use(\"/todos\", todoRoutes);\n\napp.use(\n  (\n    err: Error,\n    req: express.Request,\n    res: express.Response,\n    next: express.NextFunction\n  ) => {\n    res.status(500).json({ message: err.message });\n  }\n);\n\ndb.connect(\"mongodb://localhost:27017/todos\", () => {\n  console.log(\"Database connected\");\n});\n\napp.listen(3000);\n
\n

\"npm-start\"

\n

Test your REST API with postman

\n

Open postman and also make sure that your mongodb on your local computer is running

\n

\"postman\"

\n

\"postman-get\"

\n

\"postman-patch\"

\n

\"postman-delete\"

\n

\"mongodb\"

","fields":{"slug":"/node-express-typescript-mongo-rest-api/"},"frontmatter":{"title":"Developing REST Api using typescript, node, express and mongodb","date":"December 03, 2022","description":"In this article i will explain you step by step to setup REST Api with node, express, mongodb and typescript","bannerimage":"https://crew-code-images.s3.us-east-1.amazonaws.com/blog_images/RestAPI.jpg"}},"previous":{"fields":{"slug":"/mqtt-in-nodejs/"},"frontmatter":{"title":"MQTT in NodeJS application","date":"November 28, 2022","bannerimage":"https://crew-code-images.s3.us-east-1.amazonaws.com/blog_images/mqtt-nodejs.jpeg"}},"next":{"fields":{"slug":"/node-express-typescript-sequelize-mysql-rest-api/"},"frontmatter":{"title":"Developing REST Api using sequelize typescript, node, express and mysql","date":"December 10, 2022","bannerimage":"https://crew-code-images.s3.us-east-1.amazonaws.com/blog_images/RestAPI.jpg"}}},"pageContext":{"id":"39dc311c-1ef8-5938-a4aa-60266cea747e","previousPostId":"70d3a11a-670c-5a46-8f08-68f675fa722c","nextPostId":"03f05a1d-ad5f-5c4b-a5d2-d6a02f510ad8"}}, "staticQueryHashes": ["3860684146"]}