Task Master — To-Do List App
A feature-rich, security-focused to-do list app with Firebase backend, Google OAuth, Chart.js dashboard, CSV export, and enterprise-grade input validation and rate limiting.
Interactive Showcase Gallery (3 Slides)
Task Hub
Project Specifications
Ready to explore this project in action?
Check out the live interactive deployment or inspect the full source code on GitHub.
Technologies Used
About The Project
Task Master is a production-grade task management web application built with React 19, Tailwind CSS, and Firebase. While the concept is simple (a to-do list), the execution demonstrates enterprise-level thinking with serious attention to security, UX, and data management.
Authentication supports Google OAuth and Email/Password via Firebase Auth. Tasks can be created with categories, priority levels, and tags. A live preview renders while typing. The dashboard shows completion rates, pending/completed counts, and a motivational quotes widget — all rendered with Chart.js.
Security is a first-class concern: rate limiting (5 login attempts per 15 minutes), XSS prevention via HTML sanitization, comprehensive input validation, and strict Firestore security rules. A built-in npm run security-audit script scans for vulnerabilities. All user data is stored under the user's own Firestore collection with data isolation enforced at the rules level.
Tasks can be exported as CSV using PapaParse. Framer Motion handles smooth animations. React Router DOM manages navigation. React Hot Toast provides user feedback. The app is fully responsive with mobile-first design.
Key Features & Architecture Highlights
Google OAuth and Email/Password authentication with Firebase Auth
Task creation with categories, priority levels, tags, and live preview
Dashboard with completion rate, Chart.js visualizations, and motivational quotes
CSV export of all tasks using PapaParse
Rate limiting (5 login attempts per 15 min) and XSS prevention via HTML sanitization
Strict Firestore security rules — user data fully isolated per account
Built-in npm run security-audit for vulnerability scanning
Smooth animations with Framer Motion, fully responsive mobile-first design
Interested in building something extraordinary?
Whether you have an ambitious AI project, full-stack application, or collaboration in mind, I'd love to connect.