Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/agostinhomarcia/menu

This app is an ordering platform where users can browse different product categories, view available items and add them to a shopping cart. The home screen, called "Place your order", features a list of horizontal categories and a list of products organized by section.
https://github.com/agostinhomarcia/menu

nativewind react-native reactjs typescript

Last synced: about 1 month ago
JSON representation

This app is an ordering platform where users can browse different product categories, view available items and add them to a shopping cart. The home screen, called "Place your order", features a list of horizontal categories and a list of products organized by section.

Awesome Lists containing this project

README 

        


   menu






   menu









  Github top language



  Github language count








  About   |   

  Features   |  

  Technologies   |  

  Requirements   |  

  Starting   |  

  License   |  

  Author  |  

  Projeto







## :dart: About



Conheça o projeto 📺





   app-video

   app-image-1

   app-image-2

   app-image-3









🛒 Simplificando pedidos, melhorando a experiência!



Descrição do App: Através de uma interface intuitiva, o aplicativo permite que os usuários naveguem por categorias, explorem produtos detalhados e adicionem itens ao carrinho com um toque. A tela inicial "Faça seu pedido" centraliza tudo, organizando produtos e categorias de forma acessível.



🔹 Principais Funcionalidades:



1️⃣ Navegação Simples + Adição ao Carrinho

Permite aos usuários explorar categorias, visualizar descrições, imagens e preços, e adicionar facilmente produtos ao carrinho.



2️⃣ Carrinho de Compras Personalizável

Os usuários podem revisar itens, ajustar quantidades e visualizar o total do pedido em tempo real.



3️⃣ Finalização via WhatsApp

Na finalização do pedido, o endereço de entrega é inserido, e uma mensagem formatada com o pedido é enviada diretamente ao WhatsApp do estabelecimento. Rápido e prático!



4️⃣ Armazenamento Local e Persistência de Dados

O carrinho fica salvo, mesmo que o usuário saia do app, garantindo uma experiência sem interrupções.



🔧 Tecnologias Utilizadas:



React Native e Expo para uma experiência rápida e multiplataforma.

Zustand e AsyncStorage para manter o estado persistente dos dados do carrinho.

Máscaras de Entrada e Formatação para dados padronizados e interface limpa.

💡 Desafios e Soluções: Implementar a persistência de dados foi um dos principais desafios, especialmente ao integrar o Zustand com o AsyncStorage. Também realizamos testes rigorosos para garantir uma integração perfeita com o WhatsApp.






## :sparkles: Features



:heavy_check_mark: Feature 1;\

:heavy_check_mark: Feature 2;\

:heavy_check_mark: Feature 3;



## :rocket: Technologies



The following tools were used in this project:



- [React-Native](https://reactnative.dev/docs/getting-started)

- [React.js](https://legacy.reactjs.org/)

- [TypeScript](https://reactnative.dev/docs/0.70/typescript)

- [NativeWind](https://www.nativewind.dev/)



## :white_check_mark: Requirements



Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.



## :checkered_flag: Starting



```bash

# Clone this project

$ git clone https://github.com/agostinhomarcia/menu.git

# Access

$ cd menu

# Install dependencies

$ expo install

# Run the project

$ npx expo start or npm start

# The server will initialize in the 

```



## :memo: License



This project is under the [MIT license](./License).



Made with love by [Márcia Agostinho](https://github.com/agostinhomarcia) 🚀.





   menu




 



Back to top