https://github.com/bilalmohib/mern-todo-app

Todo App With Mern Because IF I can make a Todo App I can perform CRUD operations means I am comfortable with implementing CRUD operation with Mongo DB.
https://github.com/bilalmohib/mern-todo-app

axios-react db express expressjs js json mern mern-stack mern-stack-development mongo mongodb mongoose nodejs reactjs todo todo-app todolist todolist-application

Last synced: about 8 hours ago
JSON representation

Todo App With Mern Because IF I can make a Todo App I can perform CRUD operations means I am comfortable with implementing CRUD operation with Mongo DB.

• Host: GitHub
• URL: https://github.com/bilalmohib/mern-todo-app
• Owner: bilalmohib
• License: gpl-3.0
• Created: 2021-09-19T14:23:41.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-09-20T18:02:49.000Z (about 3 years ago)
• Last Synced: 2024-04-20T13:04:35.026Z (7 months ago)
• Topics: axios-react, db, express, expressjs, js, json, mern, mern-stack, mern-stack-development, mongo, mongodb, mongoose, nodejs, reactjs, todo, todo-app, todolist, todolist-application
• Language: JavaScript
• Homepage:
• Size: 271 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Getting Started with Mern Todo App

### This project Consists of 

- React

- Mongo Db

- Axios

- Express JS

- Node JS

- Mdbootstrap 

- Firebase authentication

- Firestore

- Material-UI

- SAAS(SCSS)

To start using firebase go to `https://console.firebase.google.com/u/0/`

and then go to project settings after adding a webapp for your firebase and enabling database and other things you want to use Add your firebase credentials to `src/firebase/index.js`

Its upto you.You can add an .env in the root of your project directory also

# Available Scripts

## Installation

Go to project directory->server and then run the command

### `npm install` or `yarn`

The server node modules are installed in this way.

Now Again Go To

project_root->TodoMern and then open cmd and run

### `npm install` or `yarn`

# Starting the project

Now Again Go To

project_root->TodoMern and then open cmd and run

Now keeping in same directory run 

### `npm start` or `yarn start`

Runs the app in the development mode.\

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\

You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\

See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\

It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!