work-that-grade

byDeborah Alison

Build a "CGPA Coach" web app for university students. DESIGN: Use a clean, modern, mobile-first UI with big rounded cards, soft shadows, white background, and bottom navigation. Style should feel premium like Apple + Notion. The app must work perfectly on phone. CORE FEATURES: 1. User Authentication: Signup with Name, Email, Password, University, and Current Level. Login with Email and Password. Show "Welcome, [Name]" on the dashboard. 2. Dashboard: - Card 1: "My CGPA" showing current CGPA and progress bar to graduation - Card 2: "Goal Simulator" - User sets graduation goal: 1st Class, 2:1, 2:2. App calculates what average score they need in remaining courses to hit it. - Card 3: "Study Plan" - Based on goal and learning speed, calculate "You need to study X hours per week to reach your goal" - Card 4: "Reminders" - List of upcoming tests and assignments 3. Settings: - User can set "Learning Speed": Fast, Average, Slow - User can pick Reminder Tone: Hype, Guilt-trip, Sassy 4. Courses Page: - Add/Edit/Delete courses with: Course Code, Course Units, Test 1 Score, Test 2 Score, Exam Score - Auto calculate Grade for each course - Auto calculate Semester GPA and Overall CGPA - Show chart of CGPA progress over time - For each course show "Study Hours Needed: 6hrs to move from C to B" 5. Funny Reminders: - In-app notifications and email reminders for upcoming tests/assignments - Tone: Funny and Duolingo-style - Example reminders: "👀 Your 2:1 needs 4hrs this week, [Name]", "đŸ”Ĩ Study 1hr today and secure that B" TECH: Use React, Node.js, and PostgreSQL. Make database for Users, Courses, and Reminders. Deploy it so I get a shareable link.

LandingSign Up
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 introduction
Sign Up: Create account
Login: Log in
Dashboard: View CGPA progress
Dashboard: Set graduation goal
Courses Page: Manage courses
Courses Page: View GPA chart
Reminders: View reminders
Reminders: Set reminder tone
Settings: Update preferences
Landing design preview
Landing: View introduction
Sign Up: Create account
Login: Log in
Dashboard: View CGPA progress
Dashboard: Set graduation goal
Courses Page: Manage courses
Courses Page: View GPA chart
Reminders: View reminders
Reminders: Set reminder tone
Settings: Update preferences