Skip to content
This repository has been archived by the owner on Apr 23, 2024. It is now read-only.

Vanilla HTML & Javascript web app for creating QR code-based scavenger hunts

Notifications You must be signed in to change notification settings

CapraRoyale/qr-code-scavenger-hunt

 
 

Repository files navigation

QR Code Scavenger Hunt

Scavenger hunts can be great fun, offering groups of people the ability to track down items or clues, competing to find all of the items or clues the fastest. The challenge with standard "Hunts" are the ability to track individual progress without a special service and/or GPS.

In an effort to upgrade and simplify the process, our team developed a simple web-based application that allows you to generate as many clues as you like, with an associated QR code that can then be printed and placed where appropriate. When a user scans that QR code, the following clue in the sequence will be revealed, allowing the player to track down the next clue, until eventually reaching the end.

Prerequisites

  • [] Mobile Device/Tablet/Laptop
  • [] Up-to-Date Browser (Google Chrome Preferred for best user experience)

Built With

  • Visual Studio Code
  • Google Chrome, Blisk
  • Adobe XD
  • Google Fonts API
  • BootStrap 4
  • Firebase

Authors

License

This project is licensed under the University of Washington License

Acknowledgments

  • To our TAs (Catherine P, and Trae Shanks) for support and guidance of this project.

  • Special thanks to our teacher: Arron Linton for the ongoing support for this project.

  • Unsplash.com (Background-image)

  • Slack (Team Communication)

  • Zoom (Team Communication)

Progress log

  • 8.3.19 - Formed with Groups and began brainstorming ideas of the type of application we want to deploy. During this time we were eyeing out a scavenger hunt game or creating an AI bot.
  • 8.5.19 - Upon this day, the group has decided to go with making a QR Code scavenger hunt. We began wire-framing as well as researching the type of APIs we would use.
  • [x]8.8.19 - Our project was set up via github, and Dan was designated as Project manager/coordinator. Everyone within the group created branches and began working on assigned task ranging from developing the <div> elements for the HTML pages, as well as developing the logic/back-end elements for the game.
  • 8.10.19 - From this point we were working on debugging any firebase/javascript issues. Also worked on getting all HTML elements properly linked to one another
  • 8.12.19-8.16.19 - The foundation of the application for both Front-End and Back-End was finalized. As a group the only things we were working on was CSS mobility, as polishing up any issues with the game. (i.e. Creating a function that stops certain pages from having errors due to not loading certain things in time).
  • 8.17.19 - Deployment of application / Presentation to class.

About

Vanilla HTML & Javascript web app for creating QR code-based scavenger hunts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 52.0%
  • HTML 42.6%
  • CSS 5.4%