Mini React App

Create a React application that pulls restaurant data from a simple REST API, displays

that data in a table, and allows users to filter that data.

Ask me for REST API end points

User stories are as follows:

• A user should be able to see a table with the name, city, state, phone number, and genres for each restaurant.

• A user should see results sorted by name in alphabetical order starting with the beginning of the alphabet

• A user should be able to filter restaurants by state.

• A user should be able to filter by genre.

• State and Genre filters should default to “All” and take effect instantaneously (no additional clicks).

• A user should be able to enter text into a search field. When hitting the enter key or clicking on a search

button, the table should search results. Search results should match either the name, city, or genre.

• A user should be able to clear the search by clearing the text value in the search input.

• A user should only see 10 results at a time and the table should be paginated.

• A user should be able to combine filters and search. The user should be able to turn filters on and off while a

search value is present.

• If any of the filters do not return any restaurants, the UI should indicate that no results were found.

What we are looking for:

• Deployed application

• No use of third-party component libraries for the table/filter/search.

• Using Create-React-App or [login to view URL] as a starter kit is okay.

• Well organized file structure

• Descriptive naming conventions

• DRY code that is readable and production ready

• Reusable components

• Sound logic for how the filters are architected

• Styling follows a convention/pattern and is well organized

• Full Git history with atomic commits

Stretch goals:

• Unit tests

• TypeScript

• Table row click shows additional information

• User can sort the data by name and state

• Add filter for attire

• Feel free to get creative!

Навыки: JavaScript, React.js, Redux.js, HTML5, CSS

Показать больше: mini project airline reservation using basic java, inventory app developed using delphi, create web app iis using, free mini database app, hide app process using vbnet, mini project rsa algorithm using java, java mobile app dialing using calling cards, google mini search app xslt programming, apple include mini game app, mini facebook app, mini project students attendance using html, sample app iphone using foursquare, iphone mini game app coding, drawing app ipad using bezier curve opengl, cross platform app development using react native, react native app automation using appium, create react app using yarn, how to host react app using firebase, using sentry in react app, build react app using webpack

ID проекта: #28242229