Web Responsive application to create and organize a To-Do list using HTML/CSS and JavaScript
- Organize list items in specific projects.
- Projects can be created and edited (name only).
- ToDo Items can be added to projects, including priority.
- Each Item can be fully edited, close or re-open dynamically.
- Projects and Item information is saved in the user's local storage
- Local storage can be clean for evaluation purposes (available only for demo)
- Each user session creates a 'book' object with an array of projects
- Each 'project' object has properties and an array of To-Do Item Object.
- Each Item Object contains basic properties like title, description, dueDate, priority and status.
- All data objects are created using Factory Functions organized in specific files (todobook.js, todoproject.js, todoitem.js) inside the ./src folder.
- Main Application functions are: storage (in charge of all storage actions), displaycontroller(in charge of rendering, and listeners generation). These modules and all required methods are created using the module pattern, hosted in specific files (displaycontroller.js, storage.js)
- JavaScript, HTML/CSS, Bootstrap
- Webpack, NPM
- VScode
To get a local copy up and running, follow these simple example steps.
- To install the app in your system, make sure you have node/npm installed. get npm
- Clone the repository in your system by using:
git clone git@github.com:canriquez/JS_ToDo_App.git
- Next step is to CD into the local repository and run:
$ npm install
$ npm run build
👤 Carlos Anriquez
- Github: @canriquez
- Twitter: @cranriquez
- Linkedin: linkedin
- Portfolio: carlosanriquez.com
👤 Xóchitl Selene Flores Pérez
- Github: @enelesmai
- Twitter: @enelesmai
- Linkedin: xochitlselene
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Family, always my family.
- The Beagles!
This project is MIT licensed.