Skip to content

Treinamento com Firebase desenvolvido com a Rocketseat

Notifications You must be signed in to change notification settings

luishenriqs/firebase-shop

Repository files navigation

APRENDENDO FIREBASE

Módulo bônus da trilha React Native do Ignite da Rocketseat

MY SHOPPING APP

Aplicação destinada a criação de listas de compras e seu respectivo controle Crie sua lista de compras. Risque o produto assim que adicionado no carrinho. Faça upload do comprovante da compra.

TECNOLOGIAS UTILIZADAS

"@react-native-firebase/app",
"@react-native-firebase/auth",
"@react-native-firebase/firestore",
"@react-native-firebase/storage",
"@react-navigation/bottom-tabs",
"@react-navigation/native",
"@expo-google-fonts/roboto",
"expo",
"expo-font",
"expo-image-picker",
"expo-splash-screen",
"expo-status-bar",
"expo-updates",
"react",
"react-dom",
"react-native",
"react-native-gesture-handler",
"react-native-iphone-x-helper",
"react-native-reanimated",
"react-native-safe-area-context",
"react-native-screens",
"react-native-web"",
"styled-components",

CLONE O PROJETO DO REPOSITÓRIO

https://github.com/luishenriqs/firebase-shop

  • Acesse o repositório no link acima e em uma pasta previamente escolhida clone o mesmo com o comando "git clone"

INSTALAÇÃO DOS PACOTES

  • Abra um terminal e navegue para a pasta "firebase-shop". Dentro do diretório raiz do projeto execute o comando "yarn" para a instalação dos pacotes.

INICIALIZAÇÃO DO PROJETO

SCRIPT PARA INICIAR O PROJETO: YARN ANDROID

Com um emulador android ativo execute o comando "yarn android" para rodar o projeto.

FUNCIONALIDADES

*** TELA SIGNIN ***

  • Tela inicial do aplicativo: Permite cadastrar uma nova conta, fazer o login na aplicação e recuperar a senha

*** TELA PRODUTOS ***

  • Tela principal: Permite cadastrar um novo produto na lista de compras, adicionar quantidade a ser comprada e riscar o produto da lista

*** TELA COMPROVANTES ***

  • Tela que exibe os comprovantes de compras salvos na aplicação

*** TELA UPLOAD ***

  • Permite fazer o upload dos comprovantes de compras

ESTILIZAÇÃO

Para a estilização de todos os elementos da aplicação foi utilizada a biblioteca "Styled Components"

O AUTOR

Este projeto foi desenvolvido por:

Luís Henrique Pereira 16 9 8101 1280

https://www.linkedin.com/in/luis-h-pereira-nodejs-react-native/

About

Treinamento com Firebase desenvolvido com a Rocketseat

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published