Inspiration: As college students, we are constantly going to the grocery store with our friends and roommates in need of groceries and supplies for our new homes. One opportunity to improve the experience is through implementing a mini game system that allows for friends to have a friendly competition with each other to gain more points attributed to a specific store. This also allows retailers to gamify the experience, bringing users back through not only their products but entertainment and engagement as well
What it does: The app offers a unique system for a store to organize their enticing game features to attract and retain customers. It has currently implemented two mini games, challenges and hangman, but is designed to implement many more games and features.
How we built it: The technologies we used include React (Router, Bootstrap), Firebase, Firestore, Figma, and Nodejs. We also have designed a TicTacToe Game utilizing Pubnub's API.
Challenges we ran into: Challenges we ran into was interaction with the Firebase and Firestore databases as we attempted to pull and store user information to expand functionality and user experience to many other features. Also, Pubnub's API demonstrated great difficulties when being implemented within our React Framework. Another challenge we faced was various merge conflicts in Github that involved packages that influenced and messed up the overall layout of our project.
Accomplishments we're proud of: With our project, we were able to implement a login feature, pull and store data into a firebase database that utilizes user attributes, as well as interact with multiple screens and games on the front end to offer an interactive opportunity for users.
What we learned: We all improved upon each of our design, backend, frontend, and full stack skills through this hackathon. We learned how databases work, and how to store and pull data from them, as well as how to query data from databases. We also learned how to work with React, and use GitHub to manage branches and commits.
What's next for HackShop: We hope to create a working group creation feature soon, and fully integrate our backend with the React app, and we would also like to flesh out the cosmetic/customization options available to users. On the non-technical side, we would try to pitch to stores with mostly younger audiences (toy stores, family grocers, school supplies suppliers) to try and connect the app with families, who happen to be a target demographic for us.
Log in or sign up for Devpost to join the conversation.