Git Product home page Git Product logo

mern-todo's Introduction

MERN-todo

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.

CHANGE MONGO_URI -> /backend/middleware/middleware.env.js

https://mern-cool-todo.herokuapp.com/

MERN

  • 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

Dependencies

For my backend I used the following:

  • Express
  • Body-Parser
  • CORS
  • Bcrypt
  • DotENV
  • Express-Session
  • Mongoose
  • Nodemon

Frontend Dependencies

  • @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"

How to setup the web application

  1. Make sure to have NodeJS and MongoDB installed in your computer/laptop/server.
  2. Clone this repository.
  3. Checkout to sprint-blog-1.0
  4. Then run the following command in your bash/cmd/nodecmd npm install -> to install the dependencies in your package.
  5. Change your .env file to your own configuration.
  6. Setup MongoDB credentials.
  7. To run the web application (backend) -> npm run microblog

Tutorials

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

Download Links

https://nodejs.org/en/download/ https://www.mongodb.com/download-center/community?tck=docs_server

mern-todo's People

Contributors

diontristen avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.