Feature #10525
openProfile Account / Payment / Help functionality
Description
Home
Bell opens the notification screen
Unread badge (9+ max) from Redux + live stream
Notification screen
Filters: All / Orders / Offers
Today / Earlier grouping, unread dots, relative times
Tap → mark read + navigate (orders, preorder, etc.)
Mark all read
Signed-out → Sign in CTA; error → Retry
Backend (/api/notifications)
List, unread count, mark one/all read, delete
SSE stream (GET /stream) for live push
Order create/status updates create order notifications
Welcome + promo on register (and seed)
Live updates
Authenticated SSE (Bearer via fetch, not EventSource)
20s unread poll as fallback
Files touched
Backend: Notification model, service, controller, routes, SSE hub, order hooks, seed, app.js compression skip for stream
Frontend: NotificationScreen, notificationsSlice, live hook/stream, HomePage bell + badge, App live listener
Restart the API when Mongo is up (npm run seed optional for welcome notifs on existing customers). The last backend restart failed on Mongo timeout to 3.20.157.70:27019 — once that connects, notifications will work end-to-end.
what we work give list of task into sub task for redmine give list of task for it give prime issues heading
Here’s a Redmine-ready breakdown of the work, with parent issues and sub-tasks.
1. Backend – Production API foundation
Set up Express layered folder structure (routes / controllers / services / models / middleware)
Add production middleware (helmet, CORS, compression, rate limit, morgan)
Configure env-based config (PORT, MONGO_URI, JWT secrets)
Add health check and central error handling
2. Backend – MongoDB data layer
Connect Mongoose and graceful DB boot/shutdown
Create models: User, Product, Order, Customizer, Category, RefreshToken
Migrate from file/JSON storage to Mongo
Add seed script for admin + catalog data
3. Backend – Auth (JWT + refresh tokens)
Implement login / register / refresh / logout / me
Hash passwords (bcrypt), issue access + refresh tokens
Store hashed refresh tokens + rotation / reuse protection
Protect admin mutation routes with authenticate + authorize
Wire frontend admin login to JWT + auto-refresh
4. Storefront cart & checkout UX
Fix cart CTA overlap / scroll / padding issues
Improve checkout CTA labels and success actions
Keep cart usable on mobile viewport
5. Payment screen before order confirm
Build payment screen UI (card / UPI / counter)
Add validation + simulated payment flow
Insert payment step between checkout and order confirmed
Add mobile wallet quick-pay on UPI (device-aware apps)
6. Currency localization (USA)
Convert ₹ → $ in shared formatPrice
Update hardcoded currency text on Menu / DIY / Admin / Payment
7. Profile – simplify menu
Hide membership / loyalty card
Hide Favorites, App Settings, Store Management
Keep Account Details, Payment Methods, Help & Support
8. Profile – Account / Payment / Help screens
Account Details: edit name/phone, read-only email, save feedback, danger zone
Payment Methods: card tiles, add/remove/default, wallets list
Help & Support: contact chips, FAQ accordion, message form
Slide-in panel UX + matching CSS
Add code comments for maintainability
9. Notifications – full stack (FE + BE)
Backend Notification model + CRUD APIs
Create notifications on order create/status change
SSE live stream + unread count endpoint
Seed/welcome notifications on register
Frontend NotificationScreen (filters, unread, mark read)
Home bell icon opens screen + unread badge
Redux notifications slice + live poll/SSE hook
10. QA / Stabilization
Verify auth login/refresh/protected routes
Verify checkout → payment → order → notification flow
Verify profile panels + logout clears customer session
Confirm backend boots with Mongo and frontend points to correct API port
Subtasks
Related issues
Updated by Thirupathirao Uppu 25 days ago
- Assignee set to Thirupathirao Uppu
- % Done changed from 0 to 40
- Estimated time set to 12:00 h
Home
Bell opens the notification screen
Unread badge (9+ max) from Redux + live stream
Notification screen
Filters: All / Orders / Offers
Today / Earlier grouping, unread dots, relative times
Tap → mark read + navigate (orders, preorder, etc.)
Mark all read
Signed-out → Sign in CTA; error → Retry
Backend (/api/notifications)
List, unread count, mark one/all read, delete
SSE stream (GET /stream) for live push
Order create/status updates create order notifications
Welcome + promo on register (and seed)
Live updates
Authenticated SSE (Bearer via fetch, not EventSource)
20s unread poll as fallback
Files touched
Backend: Notification model, service, controller, routes, SSE hub, order hooks, seed, app.js compression skip for stream
Frontend: NotificationScreen, notificationsSlice, live hook/stream, HomePage bell + badge, App live listener
Restart the API when Mongo is up (npm run seed optional for welcome notifs on existing customers). The last backend restart failed on Mongo timeout to 3.20.157.70:27019 — once that connects, notifications will work end-to-end.
what we work give list of task into sub task for redmine give list of task for it give prime issues heading
Here’s a Redmine-ready breakdown of the work, with parent issues and sub-tasks.
1. Backend – Production API foundation
Set up Express layered folder structure (routes / controllers / services / models / middleware)
Add production middleware (helmet, CORS, compression, rate limit, morgan)
Configure env-based config (PORT, MONGO_URI, JWT secrets)
Add health check and central error handling
2. Backend – MongoDB data layer
Connect Mongoose and graceful DB boot/shutdown
Create models: User, Product, Order, Customizer, Category, RefreshToken
Migrate from file/JSON storage to Mongo
Add seed script for admin + catalog data
3. Backend – Auth (JWT + refresh tokens)
Implement login / register / refresh / logout / me
Hash passwords (bcrypt), issue access + refresh tokens
Store hashed refresh tokens + rotation / reuse protection
Protect admin mutation routes with authenticate + authorize
Wire frontend admin login to JWT + auto-refresh
4. Storefront cart & checkout UX
Fix cart CTA overlap / scroll / padding issues
Improve checkout CTA labels and success actions
Keep cart usable on mobile viewport
5. Payment screen before order confirm
Build payment screen UI (card / UPI / counter)
Add validation + simulated payment flow
Insert payment step between checkout and order confirmed
Add mobile wallet quick-pay on UPI (device-aware apps)
6. Currency localization (USA)
Convert ₹ → $ in shared formatPrice
Update hardcoded currency text on Menu / DIY / Admin / Payment
7. Profile – simplify menu
Hide membership / loyalty card
Hide Favorites, App Settings, Store Management
Keep Account Details, Payment Methods, Help & Support
8. Profile – Account / Payment / Help screens
Account Details: edit name/phone, read-only email, save feedback, danger zone
Payment Methods: card tiles, add/remove/default, wallets list
Help & Support: contact chips, FAQ accordion, message form
Slide-in panel UX + matching CSS
Add code comments for maintainability
9. Notifications – full stack (FE + BE)
Backend Notification model + CRUD APIs
Create notifications on order create/status change
SSE live stream + unread count endpoint
Seed/welcome notifications on register
Frontend NotificationScreen (filters, unread, mark read)
Home bell icon opens screen + unread badge
Redux notifications slice + live poll/SSE hook
10. QA / Stabilization
Verify auth login/refresh/protected routes
Verify checkout → payment → order → notification flow
Verify profile panels + logout clears customer session
Confirm backend boots with Mongo and frontend points to correct API port