JavaScript Todo Application
2025-01-27
JavaScript Todo Application
This project was my first toe dipped into web application development. It's a todo list with all features required for a minimum viable product.
Stack
Interactive todo list manager supporting multiple named lists with drag-and-drop functionality using JavaScript and JQuery for UI animation.
Technology
- Vanilla JavaScript with jQuery
- Bootstrap 4 for styling
- FontAwesome icons
- Google Fonts (Roboto)
- jQuery UI for animations
Key Features
- Create, Update, Read, and Delete functionality
- FontAwesome Icons for intuitive usage
- Funky colors for fun
- Drag and Drop powered by JQuery
Learning Focus
- CRUD operations
- Product requirements
- Wireframing
- Waterfall development
Ramblings
This project was focused on taking a set of product requirements all the way through the development cycle. I was given the task of creating a todo application where I could create, check off and delete items. I was asked to wireframe the application before writing it so I knew how it should look. Currently nothing is saved anywhere and all the data remains in the DOM where it will be lost on refresh. I learned about using local storage later so I didn't add it at the time although if I were to rewrite the project I would consider it an necessity.
Next project: React E-Commerce Site