"A premium, production-ready Task Management Application engineered with modern web standards. Features fluid glassmorphic UI/UX architectures, secure enterprise-grade OAuth (Google & GitHub) via Supabase, asynchronous CRUD cycles, and a bulletproof reactive session guard layer."
ProTodo is a high-end, production-ready task orchestration dashboard engineered for modern web browsers. Designed with a strict Nature & Premium UI/UX architectural theme, it balances deep visual elegance with performance. Built upon vanilla web engineering standards, it seamlessly handles atomic CRUD workflows and incorporates robust backend sessions.
🌐 Live URL: https://pro-todo-app.vercel.app/
- 🛡️ Multi-Provider OAuth 2.0 Integration: Full corporate handshake pipelines using Google & GitHub authentication protocols managed via Supabase.
- 🔒 Session Routing Guards: Structural client-side token verification patterns that catch unauthorized manual URL manipulation (
todo.html) and cycle users back gracefully. - 🎨 Premium Deep Cyan Aesthetics: High-end dark ambient layouts, premium glassmorphism accents, fluid loader animations, and SweetAlert2 dynamic feedback modals.
- 🔄 Fully Asynchronous Real-time CRUD: Isolated state updates mapping active task insertions, updates, and hard deletions back to relational cloud instances instantly.
📂 ProTodo-App/
├── 📄 index.html # Gateway / OAuth Sign-In Portal
├── 📄 todo.html # Core VIP Administrative Task Dashboard
├── 📄 app.js # Authentication Interceptors & Login Controller
├── 📄 todo.js # Reactive Session Guard & Database CRUD Engine
├── 📄 style.css # Global Custom Variables & Portal Styles
├── 📄 todo.css # Specialized Premium Grid Engine Layouts
└── 📂 images/ # Production Brand Assets & Icons
---
🛠️ Tech Stack
- Frontend: HTML5, CSS3 (Glassmorphism UI), JavaScript (ES6+)
- Backend: Supabase (Auth + Database)
- Authentication: OAuth 2.0 (Google & GitHub)
- Deployment: Vercel
- UI Alerts: SweetAlert2
---
🔐 Security Features
- Row Level Security (RLS)
- Auth-based data filtering ("auth.uid()")
- Protected routes (session validation)
- OAuth secure login flows
---
✒️ Author
M Danish
💻 Web Systems Developer
- GitHub: https://github.com/danish-devx
---
⭐ Support
If you like this project:
👉 Star ⭐ the repo
👉 Share it with others
---
📜 License
This project is open-source and available for learning and development purposes.