GoBarber

“When you’re offered a seat on a rocket, you don’t ask which seat. You simply board.”!

— Eric Schmidt

🚀

Index

📝 The Project |
🤖 Back-End |
🖥 Front-End |
📱 Mobile |
🏁 Starting

📝 About the project

GoBarber is an application for barbershop, where the barbers register and inform the days and times available to work, while the client register and choose the barber of their preference, the day and time available to cut their hair.

🤖 Back-End

The Back-End was developed with Node.js and TypeScript, in API Rest format.
For standardization and organization of the code, ESLint, Prettier and EditorConfig were used.
The connection to the PostgreSQL database was made with DBeaver and Docker to create containers with TypeORM.
For authentication and user access control, JWT (Json Web Token) was used.
To upload images, Multer was used.

🛠 Technologies

• Node.js
• TypeScript
• Express
• Docker
• PostgreSQL
• DBeaver
• TypeORM
• JWT
• ESLint
• Prettier
• EditorConfig

🖥 Front-End

The Front-End was developed with React.js and TypeScript. For standardization and organization of the code, ESLint, Prettier and EditorConfig were used. The styling was done with Styled-Components. The navigation screens were made with React Router DOM. The validation of login and registration was done with Yup. To connect with the Back-End, Axios was used.

🛠 Technologies

• React.js
• React Router DOM
• Styled-Components
• React Icons
• Polished
• Axios
• ESLint
• Prettier
• EditorConfig

📱 Mobile

The Mobile was developed with React Nativeand TypeScript. For standardization and organization of the code, ESLint, Prettier and EditorConfig were used. The styling was done with Styled-Components. The navigation screens were made with React Navigation. The validation of login and registration was done with Yup. To connect with the Back-End, Axios was used.

🛠 Technologies

• React Native
• React Navigation
• Styled-Components
• React-Native-Vector-Icons
• Axios
• ESLint
• Prettier
• EditorConfig

🏁 Starting the project

Clone the project: git clone https://github.com/RBritoX/GoStack-GoBarber

🤖 To run the Back-End, you must first create a container in Docker and a PostgreSQL database in DBeaver.

Then open the terminal and run the following commands:

# to enter the Back-End folder
$ cd backend
# to download the dependencies
$ yarn
# to start the application on port 3333
$ yarn dev:server

🖥 To run the Front-End, in another terminal tab, execute the following commands:

# to enter the Front-End folder
$ cd frontend
# to download the dependencies
$ yarn
# to start the application on port 3000
$ yarn start

Now access http://localhost:3000/

📱 To run Mobile, you need an Android or iOS simulator (Mac only) running on your computer or connect your physical smartphone to USB. To learn how to install / configure, follow the RocketSeat tutorial.

Now, on another tab of the terminal, run the following commands:

# to enter the Mobile folder
$ cd mobile
# to download the dependencies
$ yarn
# for Android:
# first open the Android emulator
# to start the app on the simulator or on the Android physical smartphone connected to the USB device
$ yarn android
# for iOS:
# to launch the app on the simulator or on the physical iOS smartphone connected to the USB device (only using Mac)
$ yarn ios

Made by Raphael Brito (RBritoX)