Project Info
Inspiration
A few of us were used to attending several events and hackathons, and we noticed how much paper waste would occur when event organizers would hang up posters and display countdowns on TVs. These methods of displaying information just seemed to be very temporary and unsustainable. That's when we realized we could use AR to make it easier for event organizers to share their event information through a platform and for participants to see this through their mobile phones.
What it does
Mantis is a web platform for event organizers to organize their event by inputting locations for the signs they want to include--a sustainable alternative for displaying information that doesn't require tearing down posters after the closure of the event--as well as a map / description of the event space for VoiceAI to make navigating the space easier for visually impaired people. What's more, people can view the information from their phones from afar, so this can prevent crowding in areas where visibility is low (such as booths). On the participant (user) side, users can use their phones to walk around the event and see where these signs are in Augmented Reality. For ease of accessibility, users can use our VoiceAI implemented that helps them navigate the space.
How we built it
We used Next.js and TailwindCSS for the frontend of our app where the event organizers can move to specific locations in the event space and place add a sign. This information is stored in MongoDB and sent to an AR server we set up using Python and Node.js. AR was implemented using AR.js using A-frames in our mobile-friendly web app.
Challenges we ran into
All of us were very new to backend development (especially MongoDB) and some of us had never done web development before. Augmented Reality with AR.js was the most challenging aspect of this project since documentation wasn't up-to-date and there were many incompatibilities since all of us had iOS mobile devices (which have many security features set by Apple). It was an extremely dense information-packed night, but in the end we were able to finish an MVP that has the potential to actually save waste and make coordinating events easier for both organizations and users.
Accomplishments we're proud of
Implementing AR and creating our first full-stack app!
What we learned
All of us had learned a completely new technology during these past two nights. For some of us, it was coming in with 0 web development experience and coming out with knowing how to route Next.js pages together and send information to a backend! For the rest of us, it was learning how to use VoiceAI, AR.js, and implementing a backend for the first time.
What's next
Utilizing 3D interactive models rather than text signs for the location-based AR inputs to make it more dynamic.
This repository has no readme, or GitHub could not be reached.
Analysis
View
Metric
- 3
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- JavaScriptIn code
- Next.jsIn code
- ReactIn code
- Tailwind CSSIn code
- ExpressClaimed
- Google GeminiClaimed
- Node.jsClaimed
- PythonClaimed
5 of 9 appear in the indexed code. 4 claimed on Devpost could not be matched to code, which may simply mean the tool leaves no trace in the repository.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
5.3 KB
Source files
4
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
kakolla/Calhacks
13 files · 226 KB · @ a7b2d5b
Structure
Interface
3 files · 23%Screens, components and styles rendered to the user.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- JavaScript92%
- CSS8%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
package.json
npm · 5- next
- react
- react-dom
- +2 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
Feature verification
AR server (Python/Node.js) integrationClaimed only
An AR server built with Python and Node.js receives sign data from the frontend
Claimed on Devposthigh confidenceAR sign viewing on mobile (AR.js/A-Frame)Claimed only
Users can see event signs in Augmented Reality on their phones using AR.js and A-Frame
Claimed on Devposthigh confidenceExpress.js backendClaimed only
Express.js is used as part of the backend stack
Claimed on Devposthigh confidenceGemini AI integrationClaimed only
Gemini is used as part of the built-with stack
Claimed on Devposthigh confidenceMongoDB storage of sign/location dataClaimed only
Sign location information is stored in MongoDB
Claimed on Devposthigh confidenceOrganizer sign placement web platformClaimed only
Event organizers input locations for signs via a Next.js/Tailwind web platform
Claimed on Devposthigh confidenceRemote viewing of event info to reduce crowdingClaimed only
Participants can view sign/booth information remotely on phones to prevent crowding in low-visibility areas
Claimed on Devposthigh confidenceVoiceAI navigation assistance (Vapi)Claimed only
VoiceAI (Vapi) helps visually impaired users navigate the event space
Claimed on Devposthigh confidence
An AI agent derived these features from the project’s Devpost page and readme, then searched the code for each one. Verified features are backed by cited code; claimed-only features had no supporting code, which is not by itself proof a feature is missing.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.