/todo

In this project we created a simple todo list applying the concepts of single responsibility and loosely coupled objects. We applied the revealing module design pattern. We implemented the following user stories in our project: Each todo has title, description, dueDate and priority. There is a list of projects each with each own list of todos.

Primary LanguageJavaScriptMIT LicenseMIT

Todo App

Applying the concepts of Single Responsibility and Loosely Coupled Objects while building our todo app.

Features

  1. User can create a project
  2. User can create a todo list
  3. User can mark/unmark todo as complete/incomplete
  4. User can delete a todo

Future Feature (v1.12)

  1. Improve the UI
  2. Add a feature to delete a project
  3. Add a feature to edit a project
  4. Add hover effects

Screenshots

Desktop/Laptop device

With pop up model

Tables device

With pop up model

Mobile device

With pop up model

Built With

  • HTML
  • CSS
  • JavaScript ES6
  • UI Kit for styling and responsiveness

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

  1. git clone https://github.com/addod19/todo.git
  2. cd todo
  3. git checkout modal
  4. npm i
  5. npx webpack --watch
  6. Use live server on VSCode to open the index.html with your favorite browser

Prerequisites

  • A modern browser

Authors

👤 Nick Haralampopoulos

👤 Daniel Larbi Addo

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

  1. Fork it (https://github.com/addod19/todo/fork)
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Show your support

Give us a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone who's code was used
  • Inspiration
  • etc

📝 License

This project is MIT licensed.