Lessons 11-15 | Full-Stack Module
Create Your Own API
Build an Express.js server to receive and return data so the app can do more than display a static screen.
Lesson 1345 mincourse modulepaid enrollment
Learning objective
Create simple endpoints with clear input and output behavior.
Lab outcome
Build an API route and call it from the frontend.
Module milestone
Build a small full-stack leaderboard with persistent data.
Phase 1
Mission briefing
Before You Study (5 mins)
Lesson focus: Until now, you've been a consumer of APIs (ordering food). Today, you become the chef (making food). You will build the endpoints that your game talks to.
What you should have ready:
- Your running
server.js(Backend) - Postman (optional) or just your browser
Quick Concepts
| Term | Simple Meaning |
|---|---|
| Express.js | A framework to make building APIs easy |
| Route | A specific URL path (e.g., /api/scores) |
| Endpoint | The place where the API does something |
| req / res | Request (what came in) / Response (what goes out) |
Think About
Before studying, consider:
- What does your game need to send to save a score? (Name + Score).
- What does your game need to receive to show the leaderboard? (List of Names + Scores).
By the End
After this lesson, you'll:
- ✅ Create a GET endpoint (to fetch scores)
- ✅ Create a POST endpoint (to save scores)
- ✅ Test your own API!
Order up! You're cooking now! 👨🍳