As incoming juniors, when we think back to our time as incoming freshmen, we remember being afraid of getting lost in a school that seemed huge compared to our junior high school. Eventually, we were able to get accustomed to the school layout by walking through our schedules daily. Unfortunately, the freshmen of the class of 2024 were not given the opportunity to do that. Because of COVID-19 and online learning, their first year of high school was completely remote. We were inspired to build our project to help students who weren't able to attend school in-person during their freshman year navigate through the school with more ease.

What it does

Our code asks the user to upload an image of their school’s layout and write down their schedule. Then, using some image scanning, it recognizes on the image where the classrooms are, and takes in the schedule that the user uploaded to locate their specific classes on the image. In the future, we hope to use the school layout to calculate the fastest route the user can take to get to their classes.

How we built it

We built the front end using HTML, CSS, and JS online using replit to collaborate, while the backend, which included all our main functions, was built with Python. We used Flask, which is a Python package, in order to get the elements that the user inputted from the front end and use them in our main function.

Challenges we ran into

We ran into a lot of challenges when it came to the image scanning, as we had to scan the image and find all of the text, which became difficult since the scanning was locating a lot of empty space.

Accomplishments that we’re proud of

We are proud of how we managed to use image scanning to locate the different classrooms in the school, and that we can select a certain classroom based on what the user has inputted. We are also proud of how we managed to get everything working together, from the front end website to the backend functions.

What we learned

We learned how to implement the front end and the back end together, so that we could have the website look however we want while still being able to function efficiently. We also learned some collaboration skills, as we had to split up tasks so that we could finish everything in time while still having time to debug, link everything together, and write up the report.

What’s next for School Map Navigator

In the future we hope to implement a system where the user will be able to input two pictures or more if their school has multiple floors, and have the path guide them from a classroom on one floor to a different floor by locating stairs.

Our Effect on In-Person Transition

Our project will allow students who never got the chance to attend their schools in-person to navigate through their schools more easily once they begin attending school in-person.

Built With

Share this project: