🍽️ WDT Mobile Challenge_React Native

Latest version

First version

Tasks 📋

- 1. List restaurants ✔️

• The initial app screen should display a list of restaurants (like Uber Eats, iFood and similar apps) populated from this endpoint: https://api.dev.wdtek.xyz/restaurants
• The list should be paginated (infinite scroll). The endpoint accepts the query params offset and limit to help you with the pagination.
• Keep the design simple - showing the restaurant's image and name should be enough here.
• Used Skeleton when the API request started.

- 2. Search Restaurant ✔️

• Implementar um componente de busca para os restaurantes
• A busca é iniciada ao ser digitado o terceiro carácter do nome do restaurante no campo Search.
• Implementado a função para limpar o campo após a busca e ao clicar no X, retornando assim a lista de todos os restaurantes.

- 3. Restaurant details ✔️

• When a user presses on a restaurant row, the app should open a new screen displaying the selected restaurant information: https://api.dev.wdtek.xyz/restaurants/{_id} (example _id: 5ea88c9fce27ef5586174f57)
• The details screen should present: restaurant's image, name, address, contacts and cuisines.

- 4. Favorite restaurants - Latest Feature 25/06 ✔️

We would like you to add a "favorites" feature to the app. The requirements are:

• New - A user can mark "star" restaurants as favorites both from the list and details page for all items.
• New - The user is able to unfavorite restaurants from the list and from the details page.
• New - The list is persisted after the app is closed (but everything is stored locally for now).

Libs Used 📚

• React Navigation ✔️
  • React Navigation - Stack Navigation
• Reduxjs Toolkit ✔️
  • Reduxjs Toolkit
• Redux Persist ✔️
  • Redux Persist
• Component Style ✔️
  • React Native Paper

Author

Made with ❤️ by Diego Girão

I used notion to notes ideas, suggestions and a few tests. Notion - WDT