Coder Social home page Coder Social logo

joshtsengsh / cs462-beep-beep-team-project Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 4.12 MB

"Beep Beep", a team project for SPD Singapore and the CS462 Internet of Things module at Singapore Management University.

JavaScript 0.51% HTML 0.17% CSS 0.01% C++ 0.03% G-code 99.29%

cs462-beep-beep-team-project's Introduction

CS462 Beep Beep Team Project

"Beep Beep", a team project for SPD Singapore and the CS462 Internet of Things (IoT) module at Singapore Management University.

Initiated in AY2021/2022 Term 1.

Introduction

Greetings, and welcome to the code repository for the Beep Beep project.

This project is an SMU-X industry project between Singapore Management University and SPD Singapore.

Background

This project uses IoT to solve a process-related challenge faced by SPD in tracking attendance and temperature scanning of its members during its events.

Meet the Team

  • Foo Chuan Geng
  • Kenneth Kho
  • Joshua Tseng
  • Jen Leng
  • Timothy Lim
  • Soh Ze Yu

Special thanks to Pius Lee for instruction and mentorship through CS462.

Technology

Software

  • Web stack: HTML, CSS, Javascript
  • Cloud: Google Firebase and Firestore

Hardware

  • Barcode Scanner (MH-ET Live Scanner)
  • IR Temperature sensor (MLX90614)
  • STSP buttons
  • 3D printed chassis to house modules
  • Micro-controller (Arduino Nano)
  • LED

Collections

Collections are how Firebase and Firestore store values in its database. Each collection is similar to a table in a standard relational database.

The following are a list of collections that are used by the Beep Beep app to store data.

Collection: events

eventDocumentId: {
  eventName: “Name of Event”,
  startDateTime: date_time,
  duration: minutes_numerical,
  attendees: {
    attendeeId: {
      attendeeName: “person_name”,
      round1Attendance: Boolean,
      round2Attendance: Boolean,
      round1Temperature: 0,
round2Temperature: 0,
    },
  }
}

To run the application as a whole (In any linux Distro)

# first create project in your own firebase account 

npm install -g firebase-tools #install firebase cli

firebase login 

firebase projects:list # view list of project 

firebase use --add #add in firebase project  

firebase serve 

Backend

cd beepbeep/functions 
npm install 
npm run serve # run local firestore and functions in emulator 
npm run deploy # deploy backend to production 

Frontend

open beepbeep/public/index.html # To run only the frontend locally

firebase deploy --only hosting # deploy frontend to production 

Frontend app Structure (under beepbeep/public/js folder)

  • component (UI logic)
  • routes (define routing changes on the app)
  • services (api and utilities functions)

cs462-beep-beep-team-project's People

Contributors

cinnamon-209 avatar joshtsengsh avatar jenleng avatar sohzeyu avatar tmotlim avatar

Watchers

 avatar

Forkers

tmotlim

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.