CoffeeDelivery é uma aplicação mobile que simula a loja online de uma cafeteria.
A ideia deste projeto é simular o funcionamento de uma loja virtual. Nela o usuário pode filtrar os itens por categoria, adicionar ou remover do carrinho o que desejar, com a quantidade que preferir, e então finalizar a sua compra.
O carrinho de compras da aplicação é 100% funcional.
Por "trás dos panos" o projeto apresenta diversas funcionalidades, sendo o principal destaque a aplicação de animações para um melhor feedback visual ao usuário, contando inclusive com uma SplashScreen animada ao iniciar a aplicação.
Além do Feedback visual, a aplicação possuí Feedback tátil, com vibração do celular ao adicionar e remover itens do carrinho, e também ao finalizar um pedido e também um Feedback sonoro ao adicionar algo ao carrinho.
Complementando, toda ela funciona com o uso do Async Storage, ou seja, se você fechar a aplicação os dados que inseriu nela estarão lá na próxima vez que você abri-la, como por exemplo um item que adicionou ao carrinho e ficou lá sem a compra ser finalizada.
A imagem de Capa da aplicação é vista abaixo:
Deseja ver o projeto em uso sem instalar nada? Acesse o protótipo a seguir:
Deseja ver todas as telas e composição do projeto? Acesse o Figma dele a seguir:
As seguintes tecnologias foram empregadas na criação deste projeto:
- React Native
- TypeScript
- NativeBase
- ESLint
- Async Storage
- React Navigation
- React Navigation Native Stack
- Expo Google Fonts
- React Native Skia
- React Native Gesture Handler
- React Native Reanimated
- Expo AV
- Expo Haptics
Clone o projeto para o local desejado em seu computador.
$ git clone git@github.com:andreviapiana/CoffeeDelivery-Mobile.git# Navegue até o diretório
$ cd CoffeeDelivery-Mobile
# Instale as dependências necessárias
$ npm install
# Agora inicie a aplicação - Um QR Code será exibido no Terminal
$ npm run start
# Eu seu celular instale o aplicativo Expo Go - Ele é gratuito na PlayStore.
# Abra o Expo Go que acabou de instalar, e então escaneie o QR Code através do aplicativo.
# A aplicação então será exibida de forma 100% funcional diretamente em seu celular.
Made with ❤️ by André Viapiana 👋🏽 Get in Touch!