An interactive study app for CET 102 — Information Systems in Education at Boğaziçi University. Built to cram for the midterm in a single night and actually pass.
Live demo → · Made by Yaman
If you're a CET 102 student stuck the night before the exam — this is for you. Free, open source, and your progress stays on your own device.
| Feature | What it gives you |
|---|---|
| ⚡ Kodlar Memorize Mode | The instructor's exact Basic Photo DB code with fill-in blanks. EASY / HARD difficulty toggle. Auto-graded green/red. |
| ✏️ Fill-in-the-Blank Quiz | 17 questions mirroring exam format (the instructor uses paper fill-in-blanks). Auto-checked. Reveal hints. |
| 💻 Coding Exercises | 8 mini exercises with a live iframe runner. Write code, click ▶ Run, see it execute. Compare to solutions. |
| 📖 Definitions | 25 flashcards for the written portion. |
| 🎨 Cheatsheets | HTML, CSS + Bootstrap, JavaScript, JSON, REST + fetch — syntax-highlighted, copy-to-clipboard on every code block. |
| ⏱️ Mock Exam | 30-minute timer, 8 random fill-in-blanks + 1 random coding exercise. |
| 💾 Progress saved locally | Zustand + localStorage — close the tab, your progress is still there. |
| ⭐ Bookmarks | Pin sections to the sidebar for quick access. |
Midterm 2 of CET 102 covers (weeks 7–14):
- JavaScript fundamentals — variables, control flow, loops, functions, arrays, objects
- DOM manipulation —
getElementById,innerHTML,value, events - JSON —
stringify/parse, strict format rules - REST APIs — HTTP methods,
fetchGET/POST, two-.then()chain - HTML — semantic structure, forms, tables
- CSS — selectors, box model, specificity
- Bootstrap — grid system, utility classes, components
Plus, since many students miss Midterm 1, the cheatsheets also cover the earlier HTML / CSS / Bootstrap material.
git clone https://github.com/EYamanS/cet102-study
cd cet102-study
npm install
npm run devOpen http://localhost:3000.
The fastest path is Vercel — one click:
No env vars, no database. Static-friendly Next.js 16 App Router.
- Next.js 16 (App Router, React 19)
- TypeScript
- Tailwind CSS 4
- Motion (animations)
- Zustand (state, persisted to
localStorage) - Prism.js (syntax highlighting)
- Lucide React (icons)
PRs welcome — especially:
- More fill-in-blank questions (other CET courses, other instructors)
- Additional coding exercises
- Translations (the original course is in Turkish + English)
- Accessibility improvements
To add a quiz question, edit lib/data.ts. The parts array alternates static text and blank answers. Multiple acceptable answers? Separate with | (e.g., "innerHTML|textContent").
MIT — see LICENSE.
- Course: CET 102 — Information Systems in Education and Information Design, Boğaziçi University. Instructor: Oğuz Ak.
- Built by: Yaman
If this helped you pass the exam, drop a ⭐ on GitHub and tell a classmate. That's all the thanks I need.