Note: This application is still work in progress but it serves the basic CRUD functions. Code Optimization is in progress. This web application (backend) is just a simple application to test and to learn how to make it using MERN.
https://mern-cool-todo.herokuapp.com/
- MongoDB - I used this as my database.
- Express - I used this as my routing/backend service.
- React - I used it as a framework of my frontend service.
- NodeJS - I used it to server my application.
CSS Framework => BULMA
#BACKEND
For my backend I used the following:
- Express
- Body-Parser
- CORS
- Bcrypt
- DotENV
- Express-Session
- Mongoose
- Nodemon
- @emotion/core": "^10.0.28",
- "@testing-library/jest-dom": "^4.2.4",
- "@testing-library/react": "^9.5.0",
- "@testing-library/user-event": "^7.2.1",
- "bulma": "^0.8.2",
- "bulma-divider": "^0.2.0", -"env-cmd": "^10.1.0",
- "react": "^16.13.1",
- "react-dom": "^16.13.1",
- "react-pure-loaders": "^3.0.1",
- "react-router-dom": "^5.2.0",
- "react-scripts": "3.4.1",
- "sweetalert2": "^9.13.1"
- Make sure to have NodeJS and MongoDB installed in your computer/laptop/server.
- Clone this repository.
- Checkout to sprint-blog-1.0
- Then run the following command in your bash/cmd/nodecmd
npm install
-> to install the dependencies in your package. - Change your .env file to your own configuration.
- Setup MongoDB credentials.
- To run the web application (backend) ->
npm run microblog
https://www.youtube.com/watch?v=7CqJlxBYj-M&t=351s https://www.youtube.com/watch?v=NXVN4BkVBHE https://www.youtube.com/watch?v=-RCnNyD0L-s
https://nodejs.org/en/download/ https://www.mongodb.com/download-center/community?tck=docs_server