Mobile app with React-Native

The features for the app are:
- Anonymously, the user open the app.
- Via Geo localization the app determine the city of the user. The app also gives the option for the user to change the name of the city.
- Make a basket of products:
- The app reaches http://yobb.com.br:8080/yobb/catalog to the a list of products in alphabetical order.
- The user selects as many products he wants typing there names. The app will dynamically filtering the products that match what the user is typing and showing the best options.
- The user can save the basket localy.

- Submit the basket:
- POST http://yobb.com.br:8080/yobb/bestbasket?cidade=<THE CITY>
- Request body : the name of the products in the basket separated by commas

- Process the response: (see swagger attached for the json). The main goal here is to show the response in an organized and intuitive fashion
- Tab "Melhor mercado" : winner market where the basket has the lowest prices
- Json:

"seller": "Atacadão",
"totalPrice": 4.99,
"bestBasketFromWinnerMarket": [
{
"catalogName": "tomate",
"date": "2022-02-10",
"price": 4.99,
"productName": "Tomate salada",
"unidadeMedida": "Preço por kg, unidade: 200g aprox.",
"image": ""
}
],
- Tab "Melhores preços": markets where the selected products have the lowest prices.
- Json:

"bestBasketFromMixedMarkets": {
"Assai": {
"maçã": {
"catalogName": "maçã",
"date": "2022-02-10",
"price": 4.99,
"productName": "Maçã fuji",
"unidadeMedida": "Preço por kg, unidade: 250g aprox.",
"image": ""
}},
"Atacadao": {
"tomate": {
"catalogName": "tomate",
"date": "2022-02-10",
"price": 4.99,
"productName": "Tomate salada",
"unidadeMedida": "Preço por kg, unidade: 200g aprox.",
"image": ""
}}}

- Tab "Todos os produtos": Shows all the products selected by the query.
- Json: please see the swagger

We do not have a design for the front-end, so it will be necessary to create a mockup first.

There are free apps for shopping lists available that can help in designing and coding:
- https://github.com/Albert221/FastShopping
- https://www.campcodes.com/mobile-app/flutter/complete-grocery-application-in-flutter/
- https://code-mentor.org/grocery-app-in-android-2020-with-free-source-code/

All the end-points are already functional and can be used.