Application for scheduling hours, for service providers

Gobarber 💈

Application using NodeJs on backend, ReactJs on frontend and React Native for mobile

About this Project

The idea of the App is:

"Customer management system and available services, scheduling hours through the mobile app".

Why?

This project is part of my portfolio, so, I'll be happy if you could provide me any feedback about the project, code, structure or anything that you can report that could make me a better developer!

Email-me: juniordias_@live.com;

Connect with me at LinkedIn.

Installers

If you want to test the App in the Production mode, the installers are listed below

• NodeJs Link for backend.
• ReactJs Link for frontend.
• ReactNative Link for mobile

App

• The application has customer and service provider sides;
• The App it is a possible to schedule times for services and has part of the user profile.
• Has user login and authentication part

Authentication

• Allows a user to authenticate using email and password.
• Authentication is done using JWT.

Configuration

Backend

• Configuration Express , a microframework that deals with routes, requests and responses.
• Configuration Multer to upload file.
• Creation of Models and Controllers.
• Using axios to handle external API requests.
• Using Yup for input data validation.

Frontend

• Configuration BrowserRouter and Route (lib react-router-dom) to handle navigation and each route individually.
• Configuration of axios to make the request to the database.
• Using Redux to manage components states.
• Using Redux-Saga which handless our API-based trading rule by creating a sagas.js file for treatment.
• Using date-fns for date and time handling.

Mobile

• Using react-navigation for tratment navigation and routes.
• Using Redux to manage components states.
• Using styled-components to create customizable components.
• Using API Hooks for policy handling.
• Prop-Types were used to pass properties between components.
• React-native-vector-icons was used to show the application icons

Installing

Cloning the Repository

$ git clone https://github.com/ItsJuniorDias/Gobarber

$ cd Gobarber

Installing dependencies

$ yarn install

or

$ npm install

Running

Backend

$ cd backend
$ yarn dev

Frontend

$ cd frontend
$ yarn start

Mobile

$ cd mobile
$ npx react-native start
or
$ npx react-native run-android