Skip to content

who-0/todoapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

To Do List App

Logo

Demo

https://todo-8b2y.onrender.com/

Tech Stack

Client: HTML, CSS, JS, EJS

Server: Node, Express, MongoDB

Using Packages

  • express
  • ejs
  • body-parser
  • mongoose
  • morgan
  • helmet
  • passport

Run Locally

Clone the project

  git clone https://github.com/who-0/todoapp.git

Go to the project directory

  cd todoapp

Install dependencies

  npm install

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

PORT=3000

MONGO_URL ="mongodb+srv:https://nasa-api:[email protected]/todo?retryWrites=true&w=majority"

TOKEN_API = 'tokentodo'

R_TOKEN_API = 'refreshtokentodo'

Start the server

  npm start

File Structure

Front_End

    -public
       |__css
       |   |__styles.css
       |
       |__img
           |__user.png
           |__error.png
           |__login.svg
           |__signup.svg
-views
  |__components
  |   |__header.ejs
  |   |__footer.ejs
  |
  |__pages
      |__todo.ejs
      |__login.ejs
      |__signup.ejs
      |__profile.ejs
      |__error.ejs

Back_End

-server
    |__server.js
    |__app.js
    |__.env
    |
    |__services
    |   |__mongodb.js
    |
    |__middlewares
    |   |__router.middleware.js
    |   |__verify.middleware.js
    |
    |__routes
    |   |__auth
    |   |   |__login.router.js
    |   |   |__signup.router.js
    |   |   |__refresh.router.js
    |   |   |__error.router.js
    |   |
    |   |__todo
    |   |   |__todo.router.js
    |   |   |__profile.router.js
    |   |   |__logout.router.js
    |   |   |__delete.router.js
    |   |
    |   |__api.js
    |
    |__controllers
    |    |__auth
    |    |   |__login.routers.js
    |    |   |__signup.routers.js
    |    |   |__refresh.routers.js
    |    |
    |    |__todo
    |        |__todo.controller.js
    |        |__profile.controller.js
    |        |__logout.controller.js
    |        |__delete.controller.js
    |
    |__models
        |__auth
        |   |__login.model.js
        |   |__signup.model.js
        |
        |__todo
            |__todo.model.js
            |__todo.mongo.js
            |__users.model.js
            |__user.mongo.js

ToDo App Architecture

ToDoApp

ToDo App UI Design

ToDo App Page

ToDoApp-1

ToDo App Profile Page

ToDoApp-2

ToDo App Signup Page

ToDoApp-3

ToDo App Login Page

ToDoApp-4