Back to Home

Getting Started Guide

How do I Burger?

Here's a bunch of stuff to make the process easier!

Building a full-stack web application can be challenging, but with the right resources, you'll be able to create something amazing!

What is BURGERS?

BURGERS (Build Ur Really Good Extraordinary Rad Site) is a Y.S.W.S(You Ship We Ship) event where Hack Clubbers build full-stack web applications to showcase their skills and creativity.

This event is all about learning, building, and having fun while creating something awesome!

How to Participate

  1. Join the #burgers-dev channel on Hack Club Slack
  2. Review the project requirements on the Requirements page
  3. Start planning your full-stack web application
  4. Build your project with both frontend and backend components
  5. Submit your project before the deadline

Project Ideas

💡

Web-Game

Build a game creativity and interactions.

💡

Event Based

Create a website for your event you are going to host in the future..

💡

Tools

Develop a useful web tool that solves a problem or provides a service.

Recommended Technologies

Frontend Options

  • React - Popular JavaScript library for building user interfaces
  • Vue.js - Progressive framework for building UIs
  • Angular - Platform for building mobile and desktop web applications
  • Svelte - Compiler-based framework that builds at compile time
  • HTML/CSS/JS - Classic web technologies for simpler projects

Backend Options

  • Node.js/Express - JavaScript runtime with popular web framework
  • Python/Flask/Django - Python with web frameworks
  • Ruby on Rails - Full-stack web application framework
  • Java/Spring - Java-based framework
  • PHP/Laravel - PHP with modern framework

Resources

Essential Web Development Resources

  • MDN Web Docs

    MDN is one of the most trustworthy sources for web development documentation. It covers HTML, CSS, JavaScript, and more in-depth, with examples and explanations. Great for understanding how things work under the hood.

  • FreeCodeCamp

    FreeCodeCamp offers full, beginner-to-advanced coding lessons that are perfect for learning both frontend and backend development. It includes hands-on projects to reinforce concepts and build your portfolio.

  • Stack Overflow

    Stack Overflow is a must-use site where developers ask and answer questions. If you're stuck on a bug or unsure how to implement a feature, chances are someone has already asked about it here.

  • CSS Tricks

    CSS Tricks is packed with tips, tutorials, and guides—especially for mastering CSS layouts like Flexbox and Grid. It's a great place to explore creative solutions and design patterns.

  • DevDocs

    DevDocs combines multiple API documentations into one searchable interface. It's super fast and works offline, making it a great reference for coding without constant internet access.

🚀 Remember: Have fun and be creative! 🍔