GDSC WebDev Workshop

Stack

---

• HTML
• CSS
• Javascript
• Firebase

File Structure

---

Backend
├── src
|   ├── addPlant.js
|   ├── firebase.js
|   └── index.js
Frontend
├── assets
|   └── css
|   |   └── main.css
└── pages
    ├── add-plant.html
    └── index.html

Firebase Setup

---

1. Log into google account
2. Create new firebase project
3. Click build on the left dropdown box
4. Click firestore and create a new table

The firesbase configuration will then look like:

const firebaseConfig = {
    ProjectId: {name of the project},
    AuthDomain: "{ProjectId}.firebaseapp.com",
    DatabaseUrl: "https://(default).fireabaseio.com",
}

Workshop Slides

---

Backend Slides
Combined Slides

Authors

---

Hudson Vu - Frontend
Quentin Bordelon - Backend