Skip to content

Source code for "Everything you need to start as a web developer" workshop at HackCamp 2021

Notifications You must be signed in to change notification settings

kevin-zou/web-dev-workshop

Repository files navigation

HackCamp Cafe

This is a project created for the "Everything you need to start as a web developer" workshop at HackCamp 2021. It replicates a very basic online food ordering service for the fictitious cafe HackCamp Cafe. It's built using Next.js and leverages Firebase as a database and hosting provider.

image

To get started

  1. Clone this repository to your computer
  2. Run npm install to install packages
  3. Run npm run dev to start a local instance of the app
  4. Open http://localhost:3000

Workshop Recording

Thumbnail of YouTube video

Connecting to your own instance of Firebase

Want to connect your own database and host to your domain? You can follow the Firebase documentation to create your own Firebase project for free. After your project is created, you can add a web app to it. This will allow you to get your Firebase keys by going to your project settings.

You want to copy the firebaseConfig object in the code block near the end of your page. Replace the existing firebaseConfig in the project file util/firebase.js. Afterwards you can setup the database and hosting through the console or Firebase Tools CLI.

About

Source code for "Everything you need to start as a web developer" workshop at HackCamp 2021

Resources

Stars

Watchers

Forks