In this article, we will create a demo project using React for front-end,nodejs and express for middle-end, and Mongodb for back-end.
Introduction
In this article, we will create a demo project using React for Front-end, Node.js and Express for middle-end, and Mongodb for back-end. Below is information in brief about React, Nodejs, Express, and MongoDB.
Prerequisites
Requirement
Node,Mongodb,React js,Any IDE for mongodb,VScode ,Any command prompt (i suggest Git Bash) etc.
Here is the Step by Step write code.
Step 1Create New Folder, ReactCRUD, if you use git then right click folder then GIT Bash runs command npm init. If you use cmd you navigate to your folder after running this command.
Step 2 One by one put answers by cmd: your project name, keyword, entry point etc. After creating your package.json file code like this.
Step 3 Add manual dependencies or one by one in our package.json express,mongoose,morgan,body-parser etc.
Step 4Run npm install command .If you went one by one add dependencies run these commands one by one.
Step 6We Create server.js file on root directory for writing nodejs apis for our Create ,Insert,Delete,Update. Give port number for application and run on server. In this file we write the code for all required dependancies and create schema of our database collection document and write code for api's for performing operation.
Step 7We create new public folder. Inside this folder create new html file with name index.html. We include react js ,react-dom ,babel,bootstrap css,jquery link as we require in our application.
Step 8We create ReactCrud.jsx file for create component with name StudentAll. Here we write code for insert ,select ,update,delete opration Api calling code .
Pro WPF: Windows Presentation Foundation in .NET 3.0