feernandobraga/gobarber-mobile

Mobile Front-end of goBarber. Developed with React-Native during RocketSeat's bootcamp.

goBarber Mobile

goBarber is an application where barbers can offer their services to the public and clients can schedule appoints with their favorite barbers.

This repository contains the application's Mobile Front-end and was developed during the Rocketseat's MERN stack Bootcamp.

Technologies and Learning Outcomes

The back-end was developed with React-Native and Typescript. It allowed me to have hands on experience with:

• RESTful APIs
• Routing
• Styled Components
• Custom Fonts and Icons
• Props
• Forms (unForm)
• Hooks
• Context API
• Storage
• Authentication with JWT
• Exception Handling
• Calendars
• Testing with Jest and React-Native Testing Library
• Debugging
• Using the device's camera
• Application Deployment (Netlify and Google Cloud)

Installation

To test this application on an:

• iPhone
  • you will need to have XCode installed
• Android Device
  • you will need to have Android Studio installed

After cloning the repository, navigate to the project's folder and run

yarn

If you wish to fully play with the application, you will also have to download the Back-end

With the back-end running, make sure that you are at the root folder of the project and run:

yarn ios

or

yarn android

Repositories

Below are the links to the other parts of the application

[Back-end] https://github.com/feernandobraga/goBarber-back-end

[Front-end] https://github.com/feernandobraga/goBarber-front-end

[Mobile] https://github.com/feernandobraga/goBarber-Mobile

Screenshots

Below are some screenshots from the application's interface running on an iPhone simulator:

Sign In

Sign Up

Barber Selection Dashboard

Booking Dashboard

Booking Confirmation

User Profile