Fetch

Ruby | Ruby on Rails | Heroku | Javascript | CSS | HTML | PostgreSQL | Devise | Carrierwave | Cloudinary | Mapbox API | Geocoder

At Le Wagon, I worked in a team of 4 to build a web app from scratch with the same functionality as Airbnb. We concepted, designed, and coded Fetch in a week.

homepage screenshot of the website fetch, which connects dogless dog lovers with dogs that need walking.
dogs who need walking on the website fetch

Fetch connects dogless dog-lovers with dogs who need a walk. Win-win!

Owners add their dog to the website, along with a photo which is uploaded to Cloudinary with Carrierwave.

dogs who need walking on the website fetch
a dog marker patiently waiting in Leidschendam to be walked.

The exact latitude-longitude of the owner's location is calculated using Geocoder and a marker is placed on a Mapbox map in Javascript.

Walkers can search for dogs anywhere in world by using the world map or entering their location, which begins an active record search.

world map with dog markers placed on every contenent. Except Antarctica. No dogs to walk in Antarctica.

When a dog card is clicked, a Javascript event listener triggers a Mapbox flyto method which moves the map to the dog's location and opens a popup to request a walk.

cool beagle dog named big ears who can hear everything waiting to be walked in amsterdam
screenshot from the website Fetch where a user is requesting to walk a bulldog named Bruce.

When walkers find a dog they'd like to walk, they make a request by proposing a date, pickup and drop off times, and a personalised message.

Owners and walkers can view all their requests on their profile page and manage their dogs (if any). But only owners have the power to accept or deny requests.

screenshot from the website Fetch where a dog owner is reviewing the requests recieved to walk his dog.