Restaurant Reviewer

Accessibility first restaurant reviewer application

Browsers support ^{_{made by godban}}

Firefox	Chrome	Safari	Opera
last version	last version	last version	last version

DEMO

Unique Features

• Built with React, Redux, React-Router, Immutable.js
• User authentication with JWT
• User can access via keyboards only or screen reader (ARIA)
• Full keyboard tab navigatable (Chrome, Opera)
• 5 Star rating system (HTML, CSS only)
• Simple search and filter for finding restaurants

Backend Repo

• https://github.com/yhagio/restaurant-reviewer-api

To run this app (development version) locally

git clone git@github.com:yhagio/restaurant-reviewer-client.git
cd restaurant-reviewer-client
npm install && npm run start

Then go to http://localhost:8080/ in your browser.

To run production version (Minified version)

npm run production
npm run production:run

Then go to http://127.0.0.1:8080

Backend API is hosted on Heroku :)

To run Back-end locally

Uncomment DEV and comment out PRODUCTION from src/config/constants.js
Then clone the backend as follows (Assume you have MongoDB & Node.js & NPM installed)

git clone git@github.com:yhagio/restaurant-reviewer-api.git
cd restaurant-reviewer-api
npm install
mongod

Then open another tab in terminal

npm run start

Testing

• Mocha
• Chai - Expect
• Sinon - spy
• Enzyme - shallow()

npm run test

Resources

• Starability.css - Accessible rating with animations on top

• Star rating widget with pure CSS

• Web Accessibility - Custom Controls

• Color Contrast Table

• Readonly CSS HTML 5 star ratings codepen example

Tools

• ImageOptim
• Webpack