Around the world, nearly 40% of physical entities are inaccessible including cafes, shops, restaurants, hotels, entertainment, etc. 15% - 2,200,000,000+ of the world's population, experience some form of disability, and disability prevalence is higher for developing countries. Being bound to a wheelchair is hard enough, we made it easier by being able to see if the place you want to go to is wheelchair accessible.

What it does + AccessWheel offers

Based on the place and address, we provide if the location is accessible or not accessible or does not have information. AccessWheel is a web application fostering dialogue and action on inaccessible locations. The three main features include Search (for the locales based on the place or address or play around your neighborhood), Record (the accessibility of a location to our database add a new place or a plan a trip), and Suggest(get instant suggestions of within a radius if the location of your choice is inaccessible). If the location is inaccessible, a default five-mile radius is set to find one that is. The user can make changes to 10 miles and more to find the desired location.

How we built it

With the use of React, vanilla JS, HTML, CSS, Notepad++, and a variety of other tools in the front-end and NodeJS and CockroachDB in the Backend, we can take in the user's desired location, and show if the place and also places around it is wheelchair accessible. If the location is inaccessible, a default five-mile radius is set to find one that is. The user can make changes to 10 miles and more to find the desired location. Used Google places API for locating the places and getting information from each location and its accesiblity.

Relates to the Theme

The theme of travel and good vibes when travels are closely aligned with AccessWheel. The user can easily change language type by a dropdown in the navbar for international travel or going to a different time zone. Based on the selected location, a user can find many other places and categories in the map or we can suggest the places that the user desires. Another way to use the website is to take a break, you can find many new facts and information of places that regularly visit and have fun exploring places that you didn't know had accessibility and know you can access and try more places to relax and chill with the confirmation and accuracy from AccessWheel.

Challenges we ran into

One of the biggest challenges we ran into was ensuring the proper implementation of a location-based service -- using a MapBox API, AccessWheel was able to address this issue. We were also able to add a User profile (a new feature) in time: see vids. However, we did run into a big problem getting the Google Places API from the site since it was protected and a lot of steps that we initially thought.

Accomplishments that we're proud of

MapBox. It is such a complex API, but we could use MapBox GL JS to make our time with React way easier.

  • Have goals and setting details ahead of time
  • Having designs completed as fast as possible ( Try our design: link)
  • Delegating tasks

What we learned

We learned a lot about MapBox and its many endpoints. Learned how to geocode places to coordinates and coordinates to places through MapBox geocoding API. Learned new sliders and overlays on Figma and how to access specific endpoints of an API.

One member learned to React in one Day for the project rendering!

What's next for AccessWheel

Take on more backend and how to fully customize the map from MapBox. Customize our website a lot more. Fully Utilize User accounts who can make propose changes to recently converted to wheelchair accessible places.

Built With

Share this project: