Inspiration ✨

It can be hard to find the motivation to study, especially when social media suffocates you with an endless stream of distractions, leaving very little time for yourself. And with modern pressures to stay in the moment, balancing your social presence and self-improvement is becoming increasingly difficult, often forcing us to opt for one over the other. But what if you didn't have to? Now introducing Studyscout, an innovative tech solution seeking to connect you with friends while achieving your personal learning goals. Whether you enjoy a lively work environment or a quiet one, our app aims to be accessible to all needs, providing real-time updates on study spaces from the comfort of your home. We utilize the latest indoor-mapping technology with a network of automated IoT devices so you can finally gain some well-deserved "me time".

What it does 🔥

As a project centered around creating accessible experiences for students, we connect the real world with digitized information through a carefully engineered IoT solution. Each device is affixed under a study space and uses sensor data to determine the number of occupants. Upon detecting a successful movement check, the device promptly uploads the data to MongoDb, where it is processed by our server in real-time to relay information to our users. Additionally, our implementation of Mappedin allows users the most convenient method to visually present our data, enabling future expansion into other fields, such as hospitals, venues, social coordination, and more. Users can view the deployed website here which spots are readily available for use without walking a marathon for a table. The full front-end is available here.

Studyscout pairs real-time sensor data with our easy-to-use website. This way, we can effectively save important student time while still providing the outside study experience. With our anonymous data tracking, local management of these spaces can utilize this data to determine peak business hours, area use frequency and ultimately optimize for student convenience.

How we built it 🛠️

Studyscout was built using a Raspberry Pi and a basic motion sensor. This acts as our physical device pasted under study spaces and can be connected via a local network or cloud. Our front-end was built using React libraries, Figma and standard HTML/CSS and Javascript. For our backend, we rely on MongoDB for our databases, MappedIn for interactive 3-D visualization technology, and Vercel for domain hosting.

Challenges we ran into 💥

Our team ran into many initial changes setting up our MongoDB database. We followed the Telus Front End tutorial and were met with many errors. The rest of our journey was fairly smooth until we ran into errors with integrating our interactive MappedIn component. Three hours, 2 mentors, and many discussions later, we were left with a single "resize" function error that wasn't even utilized in our local repository. This caused us to lose our progress transferring from React to Next.js as well, and we had to default back to our original libraries. Additionally, our frontend had no experience with React until one week before the hackathon. As the sole member responsible for creating the entire front-end development in React and UI/UX design in Figma, she struggled with the sheer amount of work.

Accomplishments that we’re proud of 🎉

One of our biggest accomplishments was having the hardware work properly and detect motion. Getting an effective database up and running that could take user data was also a significant accomplishment for us. We worked through many front-end issues with React and Next.js, learning a lot along the way. As for Patti, she is proud of how she was able to design, program, and deploy a website by herself within the time period despite her lack of knowledge (and sleep!).

What we learned 🧠

Patti - Effectively utilizing React, front-end technologies, and design principles to build a functional, responsive website. // Raymond - Hardware and python-end of pushing to Mongodb, hosting with Vercel, designing Mappedin table layout for IBK // Steven - Worked on connecting the backend using Next.js and MongoDB and troubleshooting different errors. // Xavier - Python computer vision and connecting frontend and backend with React and MongoDB

What’s next ⏭️

Full implementation of users and exploring further in the direction of socializing and gamifying studying. Creating a 3-D enclosure to house the device safely.

Share this project: