Mern Stack Tutorials

 

The MERN Stack Tutorial – Building A React CRUD Application From Start To Finish

.....................................................................................................................................................................

Part 1: Setting Up The Project
Part 2: Setting Up The Back-end
Part 3: Connecting Front-End To Back-End
Part 4: Finishing The Application

....................................................................................................................................................................

Link : https://codingthesmartway.com/the-mern-stack-tutorial-building-a-react-crud-application-from-start-to-finish-part-1/

                                                  Part 1: Setting Up The Project

...............................................................................................................................................................

Step A -   Create the Application

npx create-react-app mern-todo-app

cd mern-todo-app

npm start

.................................................................................................................................................................

Step B -   Add Bootstrap

$ npm install bootstrap

import "bootstrap/dist/css/bootstrap.min.css";

.................................................................................................................................................................

Step C - Add Default code in App.js

import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.min.css";

class App extends Component {
  render() {
    return (
      
        <div className="container">
          <h2>MERN-Stack Todo App</h2>
        </div>
      
    );
  }
}

export default App

...............................................................

Step D - Setting Up the React router:

....................................................................................................................................................................

$ npm install react-router-dom