https://github.com/azanniel/rentx

🚗 Aplicação de aluguel de carros desenvolvida junto com o Instrutor Rodrigo Gonçalves como didática do Chapter III do Ignite da Rocketseat
https://github.com/azanniel/rentx

axios expo lottie-animation react-native reanimated2 styled-components

Last synced: 8 days ago
JSON representation

🚗 Aplicação de aluguel de carros desenvolvida junto com o Instrutor Rodrigo Gonçalves como didática do Chapter III do Ignite da Rocketseat

• Host: GitHub
• URL: https://github.com/azanniel/rentx
• Owner: Azanniel
• Created: 2022-07-06T19:11:06.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-11-12T04:42:27.000Z (about 2 years ago)
• Last Synced: 2023-03-05T11:44:14.800Z (over 1 year ago)
• Topics: axios, expo, lottie-animation, react-native, reanimated2, styled-components
• Language: TypeScript
• Homepage:
• Size: 2.9 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
 🚗 RentX - Aluguel de carros


  


  


    

     

    

     

    

     

    

  


  


  > 🚗 Aplicação de aluguel de carros desenvolvida junto com o Instrutor Rodrigo Gonçalves como didática do Chapter III do Ignite da Rocketseat

  

![Imagem](https://user-images.githubusercontent.com/71537090/184977195-81ea8361-9e6a-4191-a1b6-8f8853b82c71.png)



## 🔨 Aprendizado

- [x] Expo Bare Workflow

- [x] Styled Components

- [x] Typescript

- [x] React Navigation -> Stack Navigation

- [x] Consumo de API's usando axios

- [x] Animações com Reanimated V2

- [x] Lottie Files

## 🐎 Jornada

Durante os aprendizados do capítulo 3 do curso de React Native tive a oportunidade de aprofundar-me nos conceitos de Typescript como utilização de Interfaces e Types,

conhecer melhor a incrível lib do Styled Components que possibilita criação de estilos tal como no CSS e utilizar dos recursos facilitadores do Expo Bare Workflow.

Além disso, focando no assunto do capítulo 3, usamos a biblioteca axios para fazer o consumo de nossa API de carros e com isso conseguimos não só consumir a listagem de

carros como, também, agendar um aluguel para um carro específico.

Nesse capítulo usamos o componente de calendário que ajuda bastante o usuário final na questão de acessibilidade e dinamismo na escolha de períodos. Usamos a

biblioteca de animações Reanimated para realizar micro interações com o usuário como:

- Carregamento animado da Splash Screen;

- Arrasta e solta do botão de carros;

- Diminuir o cabeçalho dos detalhes de um carro quando o usuário quiser ler mais detalhes ao arrastar para cima com o scroll.

E o aprendizado não parou por aí, o Instrutor Rodrigo Gonçalves nos aprensentou uma biblioteca chamada Lottie que nos permite renderizar animações do

After Effects e com isso conseguimos fazer uma animação de carregamento muito incrível onde aparece vários tipos de carros enquanto o conteúdo ainda não é exibido.

## 🖼️ Ilustrações + Figma

Caso tenha interesse em visualizar o Layout temos o [link do figma](https://www.figma.com/file/kgbmAqY4DLEWlFQWEOzXfo/RentX-Ignite?node-id=1%3A131). Abaixo algumas imagens de como ficou a aplicação:



  

  

  

  

  

  

  



## ☕ Contatos

Você vai me encontrar em qualquer uma das redes sociais abaixo:





Aplicação construída com 💜 por Leandro Azanniel