To-Do List Website

[] [] [] [] []

[]

Table of Contents

• Introduction
• Technologies
• Setup
• Project Status
• Challenges Faced
• Future Implementation
• Acknowledgements
• Contact

Introduction

This is a fully functional todo list website where one can add, modify, delete, and mark-as-done various todos. It is also possible to view the todos accordinng to those due today or in the upcoming seven days, as well as categorize them under different projects.

Technologies

HTML, SASS and Javascript. Additional framework used is Webpack.

Setup

To see the live page hosted by Github pages, click the link below: To-Do List Website

Project Status

The project is complete.

Challenges Faced

I found it both challenging and fun to introduce JSON in my work, and keep track of all the differenyt buttons and popups available on the website. I initially implemented everything without local storage and arrays, the later introduced arrays, and finally made everything dependent on local storage. The process might have been long, but it enabled me to learn all three implementation methods and understand the weaknesses of the former.

This was officially the hardest and most comprehensive project that I have ever completed, and I'm proud of how it came out.

Future Implementation

• Add email reminders for due todos.
• Add a function to close the div popup on click outside the div. Currently popups can only be closed through the "Close" or "Cancel" buttons.

Acknowledgements

This project is an assignment instructed from The Odin Project. It was done from scratch through research from various informational sources.

Contact

Reach me on LinkedIn Email