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!

Skills: JavaScript, React.js, Redux.js, HTML5, CSS

See more: 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

About the Employer:
( 0 reviews ) Edison, United States

Project ID: #28242229

10 freelancers are bidding on average $59 for this job


We are a team expert website developer and designer. We have 6 years experience on PHP, Laravel, Codeigniter, WordPress, MySql, HTML, CSS and Graphic Designing. We assure you this website will be responsive to all devi More

$20 USD in 7 days
(17 Reviews)

Dear, Warm Greetings! As per the initial inference of your project, I perceived that you are looking to design your Restaurant Solution. My success lies in my prompt, professional and personal attention I strive to g More

$20 USD in 7 days
(9 Reviews)

Hey, greetings..!! I review your project details, we can design & develop android & iOS mobile application as per your desire feature requirement. We can surely help you in developing a mobile app along with modern and More

$20 USD in 7 days
(1 Review)

Hey ⭐️⭐️⭐️⭐️⭐️ I can make the react app with the requirements you defined above, open chat for FREE architechural diagram of your project ! I am a skilled frontend & backend developer works on different technologies li More

$350 USD in 10 days
(4 Reviews)

Hello, I have read the description and I understand your requirements clearly. I will develop a simple React application for you that will pull restaurant data from a simple REST API, and will display that data in a ta More

$20 USD in 7 days
(1 Review)

Hi, I am a Full Stack React Developer with good experience in REST APIs. Contact me to discuss the details. Kind regards, Omar

$50 USD in 7 days
(3 Reviews)

- Hello this is my demo website: [login to view URL] - In the project infomation I see you only need a table, right? - It's simple for me. I can do this job. - If you have question please chat with me. - P/S: no t More

$30 USD in 2 days
(0 Reviews)

Hello, I am an expert developer/designer and have extensive experience in orchestrating the development of simple and complex websites customizing and implementing existing themes, revamping the functionality of exist More

$20 USD in 7 days
(0 Reviews)

Hi, I am proffesional MERN stack web developer with having experience of 2 years in Reactjs. I have read your requirements fully and hope that I can fulfill your all requirements. I already have mentioned my charges a More

$15 USD in 3 days
(0 Reviews)

Hi! I am a React developer with multiple projects in my portfolio. I'm familiar with React, React Native and Redux as well and I try to follow the best practices. Take a look at some of my projects: Movie search: demo More

$40 USD in 12 days
(0 Reviews)