CourseGrab++

A visual prototype of CourseGrab with a few new product ideas mocked in. It is meant to look real, not to be a working backend.

Nothing here talks to Cornell systems, Firebase, or a live API. Sign in, tracking, friends, and course suggestions are all hardcoded / local UI.

The original CourseGrab web app lives in coursegrab-web/ as a reference. This prototype is the Vite app at the repo root.

What’s in the prototype

Replica of CourseGrab — same header, search, empty state, course pages, and footer look
Search results page — type a keyword (try cs) and press Enter to see matching courses
Friends on courses — some classes show who is taking them (first name + last initial). Counts like “4 of your friends…” open a modal
Preferences (header) — “Fetch my course data daily” checkbox, plus a fake friends manager (add / remove / find, and “Share my courses” on people you already added)
Suggest a course (bottom-right) — type a natural-language prompt, wait a second, get two philosophy course suggestions. PHIL 1100 shows a red Early class warning

You need Node.js and npm.

cd coursegrab++
npm install
npm run dev

Then open the URL Vite prints (usually http://localhost:5173).

If that port is already in use, Vite will pick the next one (for example 5174).

npm run build    # production build
npm run preview  # serve the production build locally

Search cs in the header and press Enter (or See all results)
Open a course card, then click a friends count if you see one
Click Preferences next to Sign In
Click Suggest a course in the bottom-right, type: I want to take philosophy with Aayush and Peter. No night classes