Skip to content

AnnaHittaller/catspotter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Catspotter Logo

Catspotter

A community web app to help lost cats get home 🐈

Imagine a world where no lost cat goes unnoticed. This is what catspotter tries to achieve, with harnessing the power of community and neighborhood to bring lost cats back home.

About The Project

Created as the final project at the end of the WBS Coding School web- and app developer bootcamp. Solo work, created and designed by yours truly, and expecting upcoming changes, further development and additional functions to be added.

Future development plan:

  • rewrite the project in Next.js
  • utilize TypeScript
  • integrate OAuth for login / register
  • real-time notification system with WebSocket
  • add new functions to the map (advanced connection with infosheets, POI, etc.)
  • get it out in the real world to be able to be used by everybody ❤️
  • create a mobile app with React Native

Demo

The frontend of the project is deployed on Vercel, the backend is deployed on Render. You can check it out here:

https://catspotter-client.vercel.app/

If you would like to take a look around and try out the app in its present state, you can do so by logging in with the following sample credentials:

username: CoolCat
password: 123456

...or just register as a new user. :)

Tech Stack

Client: React Leaflet Styled Components

Server: Express.js MongoDB NodeJS

Features ✨

  • Cat Spotting: Users can report cat sightings they come across during their day-to-day activities, providing crucial information for reuniting lost cats with their owners.
  • Lost Cat Registration: Owners can upload their lost cat's information, including descriptions, photos, and last known location, to alert the community and increase the chances of a safe return.
  • Match Notifications: Catspotter's smart matching algorithm notifies users in the vicinity when their reported sightings match the details of a lost cat and vica versa.
  • Map Visualization: The interactive map, powered by Leaflet, displays reported sightings and lost cat locations, enabling users to visualize areas of focus.
  • Infosheets: Detailed infosheets are available for each reported cat, providing key information such as descriptions, contact details, and photos to assist in the search efforts.
  • User-defined Location Preferences: Users can customize their preferred location and area radius to receive relevant notifications based on their proximity to reported sightings.

Screenshots

App Screenshot

App Screenshot

Notes

👋 Feel free to reach out with any questions or suggestions. Let's work together to bring lost cats back home quickly!

Anna Hittaller © 2023