/Menu-mobile-app

Aplicatico de cardápio online feito em React Native, NLW24.

Primary LanguageTypeScript

Escolha o que comer com poucos cliques 🍔


Sobre o Projeto

Este é um aplicativo móvel desenvolvido em React Native para facilitar a realização de pedidos de alimentos. Ele permite aos usuários visualizar produtos por categoria, adicionar itens ao carrinho e enviar pedidos via WhatsApp.

Aqui está disponível o aplicativo em APK para dispositivos androids. ➡ APK


Pré-requisitos

  • Node
  • Expo Go

Se você não tiver o Node (Recomendável versão LTS)

Se você não tiver o ExpoGo

Instalação

Para executar o projeto localmente, siga estas etapas no terminal:

1 - Clone esse repositório em sua máquina local:

git clone https://github.com/CaioCesarMDS/Menu-mobile-app.git

2 - Navegue até o diretório do projeto:

cd menu-mobile-app

3 - Instale as dependências do projeto:

npm install

Execução

Para testar o projeto, siga esses passos:

1 - Execute a aplicação no expo do terminal:

npx expo start

1 - Abra o Expo Go no seu celular ou emulador;

3 - Leia o QRcode que aparecer com o seu celular, ou, use um emulador android.


Funcionalidades

1 - Veja os produtos do restaurante;
2 - Veja a descrição do produto, como preço, ingredientes, etc;
3 - Escolha entre promoções, sobremesas, bebidas, etc;
4 - Adicione ao carrinho;
5 - Retire do carrinho;


Tecnologias

Essas foram as principais tecnologias utilizadas no projeto:


  • React-Native: biblioteca JavaScript para o desenvolvimento de aplicativos móveis multiplataforma.

  • Expo: plataforma que facilita o desenvolvimento e a implantação de aplicativos React Native.

  • TypeScript: Linguagem de programação que estende o JavaScript adicionando tipagem estática , permitindo o desenvolvimento de código mais seguro e com menos erros.

  • Tailwind.css: framework CSS para estilização dos componentes.

  • Zustand: biblioteca para gerenciamento de estado global.

  • Clsx: utilizado para manipulação de classes de estilo, facilitando a adição e remoção de classes com base em condições.


Autor

Esse Projeto foi desenvolvido por Caio Cesar 🔥