MouseMap

• 

  Landing page

• 

  Report a mouse

• 

  Profile

• 

  Leaderboard

• 

  MouseMap

Inspiration

We were inspired by our many friends on campus, including but not limited to: Stewart Little, Jack, Gus, Remy's Rival, the Canaday Critters, the Straus Scurriers, and Stewart Large.

What it does

Upon the landing page, a map of Harvard, along with pins of logged mouse incidents are displayed. To the left, you can log a new mouse sighting, along with Recent Sightings. There is a login interface to verify Harvard emails, as well as a leaderboard for houses with the most sightings.

How we built it

We built MouseMap using React, TypeScript, and JavaScript for the frontend and Supabase for real-time data storage and authentication. The interactive map leverages open source Leaflet.js to visualize mouse sightings.

Challenges we ran into

Integrating real-time updates for new mouse sightings on the map without performance lag was tricky. We also faced issues with email authentication and ensuring only Harvard users could log sightings.

Accomplishments that we're proud of

We are proud of being the first mouse tracker on Harvard campus.

What we learned

We learned how to efficiently manage real-time geospatial data and optimize map rendering for a responsive user experience. We also gained experience in implementing secure, school-specific authentication workflows.

What's next for MouseMap

Unlike our little friends, we have big steps coming. We are planning an AI-powered Newsletter tab to keep the campus informed, as well as a Crystal Ball for predictions of where the next mice may be.

Built With

• claude
• javascript
• leaflet.js
• node.js
• python
• react
• supabase
• typescript