Skip to content

Cleydsonsl/ignite-reactnative-rocketseat

Repository files navigation

🚗 Rentx

Project made during Ignite that consists of a mobile application where the user can create an account, see the profile, rent a car and see the appointments made.

🚀 React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.

LayoutFeaturesHow it worksTech StackAuthor

🚧 React Native App 🚀 Finished 🚧

Layout

Figma: https://www.figma.com/file/e8Kkb8QImQV0Z0F8WXkgju/RentX-Ignite---Offline-First?node-id=0%3A1

NextLevelWeek

Features

  • 01 - Interface: Screens, Input email, Input password, accessibility, forms, forms validation. Images: Svg, themes.
  • 02 - Consuming API with JsonServer and axios. Passing data between screens, creating calendar, listing cars and creating appointments.
  • 03 - Animation with React Reanimated, splash screen and animation with lottie.
  • 04 - Auth, navigation with BottomTab and private routes.
  • 05 - Offline First: configuration of WatermelonDB, fast image loading. It is possible to save the profile and get the latest update of the cars when online.

Pre-requisites

Before you begin, you will need to have the following tools installed on your machine: Git, Node.js. In addition, it is good to have an editor to work with the code like VSCode

🎲 Running the mobile application (FrontEnd)

# Clone this repository
$ git clone https://github.com/danhenriquex/Rocketseat-Ignite-Native-Rentx.git

# Access the project folder in your terminal/cmd
$ cd Rocketseat-Ignite-Native-Rentx

# Install the dependencies
$ yarn install

# Run the application in development mode
$ yarn react-native start
$ yarn react-native run-android

Running the mobile application (BackEnd)

	
# Clone this repository
$ git clone https://github.com/rodrigorgtic/rentx-api-ignite

# Access the project folder in your terminal/cmd
$ cd rentx-api-ignite

# Install the dependencies
$ yarn install

# Run the application in development mode
$ yarn start

🛠 Tech Stack

The following tools were used in the construction of the project:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published