CET 102 Study

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.

---

What it does

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.

Scope

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, fetch GET/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.

Run locally

git clone https://github.com/EYamanS/cet102-study
cd cet102-study
npm install
npm run dev

Open http://localhost:3000.

Deploy

The fastest path is Vercel — one click:

No env vars, no database. Static-friendly Next.js 16 App Router.

Tech

• 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)

Contributing

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").

License

MIT — see LICENSE.

Credits

• 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.}