Node.js || Mongoose || React || Redux || CRUD Operations

How to CRUD in Node.js, React & Redux. This TodoList App will help you learn from the scratch.

Requirements

Node v 12.16.1

Below you will find some information about project structure

Folder Structure

Project should look like this:

node-react-crud/
  api/ 
    controllers/
        TodoController.js
    models/
        Todo.js    
  build/
    bundle.js
  public/
  routes/
    router.js
  src/
    helpers/
        envPort.js
        index.js   
    public/
     action/
        todoAction.js
     components/
        common/
            InputForm.js
        AddTodolist.js    
        EditTodolist.js    
        Todolist.js    
     reducers/
        rootReducer.js
        todoReducer.js
     store/
        index.js
     utils/ 
        quill.js
        service.js
     App.css
     App.js
     index.js
   index.js
  validators/
    index.js 
    todo.js 
  README.md
  package.json
  webpack.base.js
  webpack.public.js
  webpack.server.js

Below you will find some information on how to perform common tasks.

Learn More

Learn more from the https://nodejs.org
Learn more from the https://mongoosejs.com
Learn more from the https://reactjs.org
Learn more from the https://redux.js.org

How To Run Project

From project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:3001
to view it in the browser.