Skip to content

Um aplicativo desenvolvido em React Native conectado a uma API para ver, criar, deletar e editar carros.

Notifications You must be signed in to change notification settings

CaueFidelis/car-catolog

Repository files navigation

Catálogo de Carros

Expo React Native Typescript Styled Components

Já pensou em um aplicativo que você pode criar o seu próprio carro, editar e deletar o seu e dos outros?

Acesso Rápido


Demonstração do Aplicativo

Demonstração App

Também foi feito todo o design do app no Figma. Clique aqui para acessar o arquivo no Figma e ver o design.

Demonstração Design Figma


Tecnologias

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.

Teste do Aplicativo com QR Code

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.

QR CODE App

https://expo.dev/accounts/cauef/projects/catalog-cars/builds/6b8b3e8f-2ed2-440c-9ab4-5ad4888fb7ea

Pré-requisitos para Testar Localmente

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


Rodando o App Localmente

  # 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

About

Um aplicativo desenvolvido em React Native conectado a uma API para ver, criar, deletar e editar carros.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published