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

<img src="/dist/images/l.PNG" alt="">

With pop up model

<img src="/dist/images/lm.PNG" alt="">

Tables device

<img src="/dist/images/m.PNG" alt="">

With pop up model

<img src="/dist/images/mm.PNG" alt="">

Mobile device

<img src="/dist/images/s.PNG" alt="">

With pop up model

<img src="/dist/images/sm.PNG" alt="">

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

• Github: @macnick
• Twitter: @mac_experts
• Linkedin: Nick Haralampopoulos
• Email: Nick Haralampopoulos

👤 Daniel Larbi Addo

• Github: @addod19
• Twitter: @DanielLarbiAdd1
• Linkedin: Daniel Larbi Addo
• Email: 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.