EventSnap

Overview

EventSnap is a QR code generator and reader full-stack WebApp that allows event organizers register guests and monitor custom check-ins in real-time.

Goal

• contribute to the community while getting more hands-on experience on building fun apps
• create an app that helps organizers plan their event/workshops ahead
• easy event registration, workshop check-in and monitoring

Technologies:

• Front-End Technologies Used:

  • react.js to render HTML,
  • QR code generator web API to create QR Code images,
  • QR code reader react component for reading QR code using the webcam,
  • react-semantic-ui development framework for responsive layout
  • custom css and branding

• Back-end Technologies Used:

  • node.js/express for server connection,
  • mySQL/sequelize to query and route data,
  • following MVC design patterns,
  • socket.io for real-time communication.

• Heroku Deployment: EventSnap

User Story

Schema

Landing Screen with Slide-in Menu Bar

Real-Time Data Monitoring Screen

:sparkles: Like it?!?