Giter Club home page Giter Club logo

firebase-shop's Introduction

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/

firebase-shop's People

Contributors

luishenriqs avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.