The Stolen Bike Index 🚴

The Stolen Bike Index allows users to search for reported bike thefts by location and incident details.

⚠️ Sorry, the Bikewise API is down. I'll fix it soon! ⚠️

👉 Live app here! 👈

About

This project was inspired by the JOIN Coding Challenge, originally posted on the Front-end Challenges repository.

Features

• ✅ List of reported bike thefts worldwide.
• ✅ Ability to - paginate (10 cases per page).
• ✅ Total number of bike theft cases per search.
• ✅ For each reported bike theft:
  • Case title
  • Case description
  • Date of the theft
  • Location of the theft, including map
  • Picture of the bike, if available
• ✅ Filter reported bike thefts by partial case title.
• ✅ Loading state until the list is available.
• ✅ Error state if the list is unavailable.
• ✅ Empty state if there are no results
• ✅ Responsive Web Design.

Dependencies

• React Router
• react-map-gl
• BikeWise API

This project was bootstrapped with React.

Setup

Clone the repo, update environment variables in .env and/or .env.local file, and start hacking:

$ git clone https://github.com/GabrielDonas/the-stolen-bike-index.git MyApp
$ cd MyApp
$ npm install                      # Install dependencies
$ npm start                       # Compile the app and opens it in a browser with "live reload"

Then open http://localhost:3000/ to see the app.