tidal-authentication

bySri Sivasakthi transport

I want you to design and generate a complete full-stack web application for a Document Reminder System with secure user authentication and mobile-friendly features. Core Features: 1. User Authentication Users can sign up and log in using email and password Authentication must be secure (hash passwords, no plain text storage) Users should be able to log in from any device Session persistence (stay logged in) Option for logout 2. User Data & Profiles Store user data in a database Each user has a profile where they can: View their details (email, name, etc.) Edit and update their information All user data should sync across devices in real time or near real time 3. Document Management Users can add multiple document types such as: FC (Fitness Certificate) Insurance Driving License RC (Registration Certificate) Pollution Certificate, etc. Each document should include: Document name/type Expiry date Notes (optional) 4. Separate Reminder System (Important) Each document must have its own independent reminder settings Users can: Set multiple reminders per document (e.g., 30 days before, 7 days before, 1 day before) Edit or delete reminders individually Reminders must not be shared globally—each document is handled separately 5. Notifications (Critical) The app must send notifications to the user’s phone even when: The web app is closed The browser is not active Use: Push Notifications Service Workers PWA (Progressive Web App) approach 6. Mobile & PWA Support The web app should be installable on mobile (especially iPhone) When added to the home screen: It should display a proper app icon (logo) It should behave like a native app (fullscreen, smooth UX) 7. UI/UX Clean, modern, responsive design Dashboard showing: All documents Upcoming expiries Active reminders Technical Requirements: Recommend and use a modern tech stack (e.g., React, Node.js, Firebase, or similar) Include: Frontend structure Backend API Database schema Implement: Authentication system CRUD operations for documents and reminders Push notification system Deliverables: Architecture overview Tech stack explanation Database design Step-by-step implementation Full or partial working code (frontend + backend) Instructions to run the project locally Deployment guidance Additional Notes: Focus on security best practices Ensure scalability Keep the code modular and clean Explain important parts clearly

LandingSignupLogin
Landing

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Landing design preview
Landing: View Info
Login: Sign In
Landing: Register
Signup: Create Account
Dashboard: View Overview
Dashboard: Manage Users
Users: Edit User
Users: Delete User
Settings: Configure System
Settings: Manage Roles
Notifications: View Alerts
Notifications: Configure Push