Skip to content

jenndiaz/Socially-Accessible-Denver-Front-End

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Socially Accessible Denver (Front End)

Socially Accessible Denver is a full-stack web application designed for users with disabilities to post and read reviews of restaurants, bars, and other social locations in Denver. I was inspired to create this application from my time working in adaptive cycling. After spending all day out riding, the groups I worked with would want a place to go out and enjoy a meal together. Finding a restaurant or bar that could accommodate multiple individuals with disabilities proved to be challenging. This application would help with this by giving a place for individuals with disabilities to share their experiences. View Back End Repo

Technologies

Front End: React.js and Material Ui

Back End: Node.js with Express and PostgreSQl

API: Google Places API and Google Maps Javascript API.

Features

Auth

Login, Logout, Signup
The application first directs users to a sign in page. This page was designed using Material Ui and the auth is set up with Firebase Authentication. Signing out will direct users back to the sign in page. There is a link on the sign in page directing to a form to sign in as a new user.

Embedded Map

Map Features
The Map has a zoom to my location feature and an autocomplete search box. The search box will zoom to the location selected and only returns results in the Denver area. The map is created using the Google Javascript Maps API and the autocomplete is using the Google Places API.

User Reviews

ReviewFeature
Once Logged in Users can view all locations with reviews, view reviews for a specific location, and create a new review with an image.

Challenges

With the target audience of this application, accessibility was an important goal. To help me with this, I used the WAVE accessibility evaluation tool throughout the process. This tool helped me make smart choices about contrast, forms, and buttons.

Previous to this project I had not used Node.js or PostgreSQL. I was able to reference documentation through out the project to succesfully implement my back end.

Future Implementation

  • An admin login to allow for deleting and updating reviews as needed and track traffic
  • Further accessibility testing including manual checks using screen readers
  • User profile page where they can favorite a location and track the reviews they have posted

Demo Video

Demo Video with Audio

Demo Video without Audio

Contact

You can find me on LinkedIn

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published