Spaces:
Running
Running
Ctrl+K
Build a **Lovable web app** called **HPC2020** to create **Student Grade Cards** for schools. The app must be fully responsive for desktop and mobile devices, with an intuitive, easy-to-use interface optimized for touch on mobile (e.g., large buttons, simple navigation, and collapsible sections). Ensure the final grade card preview is stable for printing and adjustable to fit perfectly on A4 paper size (portrait orientation, with automatic scaling, margins of 0.5 inches, and options to adjust font sizes or layout for print via CSS media queries or built-in print styling). Use a professional, CBSE-style design with soft pink themes where specified, official-looking tables with borders, and colors like deep pink (#e91e63) for accents, soft pink (#ffe6f0) for backgrounds, academic red (#c62828) for headers, pale gray (#f5f5f5) for table headers, dark gray (#333333) for text, and light gray (#cccccc) for borders. Fonts should include Poppins (bold for headings, 22-26px), Open Sans (body text, 14-16px), and Roboto (table text, 13-14px). Incorporate automatic calculations for totals, percentages, and grades, with validation to prevent invalid inputs (e.g., marks exceeding maximums). Use Lovable's data management for database-like storage, workflows for automation, and components for UI. For PDF export/print, integrate a suitable method (e.g., via Lovable's built-in export or a third-party integration like pdf-lib if supported). Match the look of a holistic progress card but with the specified updates.
a9f160f verified