CSS Diner: A GitHub.dev Tutorial 🍽️

August 14, 2021 · View on GitHub

This repo provides an example of how github.dev can enable a platform for interactive tutorials. It's a port of the amazing CSS Diner tutorial by @flukeout, which helps teach CSS by selecting dancing food-related items from a table!

Getting Started

  1. Press . to open this repo in the web editor
  2. When prompted, install the recommended extensions (CodeSwing)
  3. After a few seconds, the editor will be automatically laid out as a playground environment
  4. Interact with the CSS Diner game, and see how it's fully interactive! 🚀
  5. Follow the instructions provided by the swing's coding prompts, and see if you can complete the game 🔥

References

  1. Codespaces - On-demand developer environments, powered by the cloud ☁️
  2. CodeSwing - An interactive coding environment for web applications 💃