Já pensou em um aplicativo que você pode criar o seu próprio carro, editar e deletar o seu e dos outros?
- Demonstração do Aplicativo
- Tecnologias
- Teste do Aplicativo com QR Code
- Pré-requisitos para Testar Localmente
- Rodando o App Localmente
Também foi feito todo o design do app no Figma. Clique aqui para acessar o arquivo no Figma e ver o design.
Abaixo estão as tecnologias e bibliotecas mais complexas utilizadas neste projeto.
- Expo - Fácil acesso para testar o app e uma boa escolha para projetos simples e que não requer muitas funções nativas do Android.
- React Native - Linguagem multiplataforma, conectada ao expo
- React Native Size Matters - Biblioteca para Responsividade entre tamanho de telas entre diferentes celulares
- Axios - Muito utilizado para requisições API em geral, confiavel e com suporte contínuo.
- React Navigation - Mesmo existindo varias bibliotecas essa é a mais utilizada pela comunidade e sempre se mantém atualizada a cada atualização
- Formik - Formik se destaca pela facilidade de fazer formulários além de ter se adaptado aos Hooks
- Styled Components - Mesmo sendo uma biblioteca que se depreciar vai dar um trabalho para refatorar, essa biblioteca dificlmente irá depreciar pois tem uma grande comunidade e se mantém atualizada, além que o visual dela se compara aos códigos em CSS.
Você pode baixar no seu celular o Aplicativo Expo Go e testar ele no seu celular ao invés de rodar localmente, assim fica até mais facil para testar. Abaixo você verá o QR code e o link para copiar e colar no Aplicativo Expo Go.
https://expo.dev/accounts/cauef/projects/catalog-cars/builds/6b8b3e8f-2ed2-440c-9ab4-5ad4888fb7ea
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Expo CLI, Git, Node.js e Firebase CLI.
Além disto é bom ter um editor para trabalhar com o código como o VSCode
# Clone este repositório
$ git clone https://github.com/CaueFidelis/whichcar.git
# Acesse a pasta do projeto no terminal/cmd
$ cd car-catolog
# Instale as dependências
$ yarn install ou npm install
# Execute a aplicação em modo de desenvolvimento
$ yarn start ou npm run start
# E se preferir pode também fazer a build, mas certifique-se de estar logado no expo
$ yarn build ou npm run build