Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gaurav-12/mean-todo-app

MEAN Stack ToDo Web Application
https://github.com/gaurav-12/mean-todo-app

angular backend expressjs frontend mean-stack mongodb-server nodejs todolist

Last synced: 21 days ago
JSON representation

MEAN Stack ToDo Web Application

Awesome Lists containing this project

README

        

# ✔️ MEAN Stack ToDo Application
Task Management Web Application, using MEAN Stack
This repository contains both Backend(API and DB Controller) and Frontend(Angular Project).

# ⌨️🖱️ Setup
* Clone or download the repository.
* Install dependencies of both (Backend and Front) projects individually.
* Run `npm install` in both `Backend` and `TaskManager` directories.
* Setup MongoDB server locally.

# 🖥️ Run
After successful setup of the projects, follow these steps
* Start the MongoDB Server. `mongod --dbpath `
* Start Express Server, in `Backend` directory, `npm start`.
* Run Angular project, in `TaskManager` directory, `ng serve`.
* Now the project should be up and running 👍🏻.

# 📸 Working Screenshots
![Initial Page](https://i.imgur.com/fCvNetD.jpg)
![Add new Task](https://i.imgur.com/tu67PrJ.jpg)
![Task marked 'Done'](https://i.imgur.com/SCJ3Tfj.jpg)

![Signup](https://i.imgur.com/s34xcaR.jpg)
![Login](https://i.imgur.com/rPermRo.jpg)
![Home Page](https://i.imgur.com/X7ys72J.jpg)