obeka / TODO-MERN

✔️ All todos in just one place. Create, Edit and Delete your todos. Tag them. See how much time left for the todo.✔️

Home Page:https://mern-todo2.web.app/auth

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

TV2Z - Todo Valut

✔️ All todos in just one place. Create, Edit and Delete your todos. Tag them. See how much time left for the todo.✔️ Direct Link to the app

Table of contents

General info

This project is a MERN application. It is created as a post graduation project of HackYourFuture. I used my learnings of React.js, Node.js, HTML, CSS, Mongo DB, npm packages and Material UI. For

Technologies

  • MongoDB
  • Express.js - version 4.17.1
  • React.js - version 16.13.1
  • Node.js - version 12.14.0
  • Material-ui - version 4.11.0
  • Passport.js - version 0.4.1

How to use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. We will use 2 seperate terminals, 1 for Back-end, 1 for Front-end

# Clone this repository
$ git clone https://github.com/obeka/TODO-MERN.git

#First Backend Side
# Go into the backend to wake up the server and database
$ cd backend
# Install dependencies
$ npm install
# Run the app
$ npm start

#Second Frontend Side
# Open up a new terminal and go into frontend 
$ cd frontend
# Install dependencies
$ npm install
# Run the app
$ npm start

##Example login credentials
User name : john@doe.com
Password : 123123

Features

  • Create a new account and Log in
  • Create a new account with Google Plus or GitHub accounts
  • Create, Read, Update and Delete todos
  • Put tags on todos
  • Mark as done
  • Sort todos according to criterias
  • Filter todos by tag names, you can filter with more than one tag name

Screenshots

Signup/ Login Page

7.png

HomePage

6.png

Add a todo

2.png

Filter todos

4.png

Delete a todo

5.png

Contact

📬 You can send me email : omerbkk06@gmail.com 📬

About

✔️ All todos in just one place. Create, Edit and Delete your todos. Tag them. See how much time left for the todo.✔️

https://mern-todo2.web.app/auth


Languages

Language:JavaScript 93.6%Language:CSS 3.8%Language:HTML 2.5%Language:Shell 0.1%