Skip to content

A dummy todo-app built with vanilla javascript app.

Notifications You must be signed in to change notification settings

jasondiazg/todo-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

todo-app

This repository is used to teach about vanilla javascript, html and css.

Steps to run the app

  1. Clone the repo git clone git@github.com:jasondiazg/todo-app.git or git clone https://github.com/jasondiazg/todo-app.git.
  2. Install dependencies npm install.
  3. Execute project npm start.

You should be running the todo-api.

Steps to create the app

  1. Create git repo (GitHub).
  2. Configure package.json file (npm init).
  3. Create index.html file just with , and tags.
  4. Add bootstrap, jquery and sweet alert as dependencies and load it in HTML.
  5. Add lite-server as dev dependency.
  6. Search for login structure in Google with an example.
  7. Create css for styles.
  8. Create constants file for configuration.
  9. Create login service for requests:
    • Create saveToken, removeToken and getToken methods.
    • Create login method.
    • Create register method.
    • Create logout method.
  10. Create register and home views.
  11. Add home and redirect controllers.
  12. Add onload attributes to validate session.
  13. Add todo services methods (GET, POST, PUT, DELETE, PATCH).
  14. Add home controller methods (refreshTable, buildTableHeaders, getButton, openModal).
  15. Add home view components.

About

A dummy todo-app built with vanilla javascript app.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published