I see you've shared a detailed specification for Madras Corner - a college canteen ordering system with 7000+ users, featuring three portals (Student, Shop Owner, Admin) with RFID payment integration.
Before I start building, I have a few questions to ensure I create exactly what you need:
I'll build all three portals for Madras Corner with a professional corporate design. Let me first read the full specification and generate design inspiration.
I now have a clear picture of what to build. This is a complex multi-portal system, so I'll create a structured todo list to track progress.
Let me start by setting up the professional corporate theme and shared components. I'll update the globals.css with a professional color scheme and create the shared types and mock data.
Now let me add the success and warning color tokens to the theme inline section, and then create the shared types and mock data.
Now let me create the shared types, mock data, and shared components. I'll create these files in parallel:
Now let me update the layout with the AuthProvider and metadata, then move on to building the Student Portal:
Now let me move to the Student Portal and create the components:
Now let me build the Student Portal. I'll create the layout and main components:
The Student Portal is complete. Now let me move on to the Shop Owner Portal: