Copy and paste the text below into your next AI chat to instantly provide full context of the ProtecSure project while using minimal tokens.
Project Name: ProtecSure Tech Stack: React 19 (Vite, JS, CSS Modules), Spring Boot 3.5.0 (Java 17, H2 In-Memory DB, Spring Security, Mail). Architecture: Monolithic React frontend talking to a stateless Spring Boot API.
- Frontend: Elite, glass-morphism dark-theme cybersecurity UI. Main pages: Home, Plans, Download, Privacy.
- Authentication Flow (Stateless JWT):
- React
Auth.jsxportal handles Login, Register, and OTP Verification viaAuthContext.jsx. - Backend
AuthControllerissues JWTs upon successful login. - Global CORS configured via
SecurityConfig.javaallowing*.
- React
- Email Verification:
- Users register with an email. Backend
EmailServicesends a 6-digit OTP using Gmail SMTP (application.properties). - OTP stored in
otp_tokenstable mapped tousersvia H2 database.
- Users register with an email. Backend
- Profile Dashboard:
- React
Profile.jsxdashboard accessible only whenusercontext exists. - Contains Account Details, Password Mockup, and Subscription UI.
- React
- Frontend:
/home/shravanth/web/web-dev/src/(components, pages, context, styles). - Backend:
/home/shravanth/web/web-dev/backend/src/main/java/com/protecsure/backend/(controller, entity, repository, security, service). - Execution Script:
./srunstarts backend on 8080 and frontend on 5174+.
- The UI is fully polished, responsive, and branded without AI jargon.
- Database is currently H2 (in-memory, resets on restart) for beta testing.
- The next logical step is wiring the "Change Password" mockup to a real backend endpoint or migrating to a persistent MySQL database for production.