TaskFlow is a responsive and minimal task management web application built using HTML, JavaScript, and Bootstrap 5. This project focuses on leveraging Bootstrap's utility classes and components to achieve a clean and mobile-first layout with minimal custom styling.
🔗 Live Site: Demo
This project makes full use of Bootstrap 5's features to ensure responsiveness, visual consistency, and ease of development:
- Structured using Bootstrap’s grid system (
container,row,col) for responsive and scalable page layout. - Flexbox utilities used to align and distribute task elements dynamically.
- Form elements: Bootstrap’s
form-control,input-group, and validation classes used for input styling. - Buttons: Styled using
btn,btn-primary, andbtn-outline-*classes for interactive actions. - Cards: Used for grouping task items visually with shadows and padding (
card,shadow,p-3). - Utilities: Bootstrap spacing (
mt-3,mb-2,px-4), borders (rounded), and text helpers (text-center,fw-bold) to maintain a polished appearance.
- Fully mobile-first and responsive without writing custom media queries.
- Layout adapts fluidly across phones, tablets, and desktops using Bootstrap’s grid and flex utilities.
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- Bootstrap 5