GameCraft: Build Your Own Web Game
Welcome to GameCraft! Over five one-hour sessions, you’ll learn to create your own interactive web games from scratch - no programming experience required!
🔗 Get Started: Accept Your GitHub Assignment
Click the link above to create your own GitHub repository for this course. You’ll use it to save your work and publish your games!
🎮 What You’ll Build
By the end of this course, you’ll have:
- A working web game that runs in any browser
- Your own GitHub portfolio with published games
- Skills in HTML, CSS, JavaScript, and React
- The ability to turn your game ideas into reality!
📚 Course Sessions
Session 1: Your First Interactive Web Page
Build: A colorful button that responds to clicks
Learn: HTML structure, CSS styling, opening your first web page
No prerequisites - we start from zero!
Session 2: JavaScript Magic - Make It Count!
Build: A click counter game with score tracking
Learn: Variables, functions, event listeners, JavaScript basics
Prerequisites: Session 1
Session 3: Animation and Movement
Build: A “Catch the Falling Objects” game
Learn: Animation loops, coordinates, collision detection, game mechanics
Prerequisites: Sessions 1-2
Session 4: Modern Web with React
Build: Tic-Tac-Toe or Memory Match game
Learn: Components, state management, React fundamentals
Prerequisites: Sessions 1-3
Session 5: Deploy and Share Your Game
Build: A polished, published game with your own URL
Learn: GitHub Pages deployment, sound effects, high scores, sharing your work
Prerequisites: Sessions 1-4
🛠️ Tools You’ll Need
- Computer with internet access
- Web browser (Chrome, Firefox, Safari, or Edge)
- Text editor - We recommend:
- GitHub account (free) - Sign up here
💡 Course Philosophy
Learn by Building: Every session, you’ll create something that works!
Progress Together: Each lesson builds on the previous one
Real Tools: You’ll use the same tools professional developers use
Your Creativity: The examples are starting points - make them your own!
🎯 Skills You’ll Develop
By the end of GameCraft, you’ll be able to:
✅ Build interactive web pages using HTML, CSS, and JavaScript
✅ Develop web-based games using React
✅ Apply design and logic to create fun, playable experiences
✅ Strengthen problem-solving, collaboration, and creative thinking
✅ Deploy and share your projects online
🚀 Ready to Start?
Head to Session 1 to build your first interactive web page!
📬 Questions or Feedback?
Reach out anytime - we’re here to help you succeed!