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!

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