Skip to content

πŸ’‡πŸ»β€β™‚οΈ A FullStack application, made with Node.js, React.js and React Native for barber shop schedulings

License

Notifications You must be signed in to change notification settings

RBritoX/GoStack-GoBarber

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

27 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

GoStack

GoBarber

β€œWhen you're offered a seat on a rocket, you don't ask which seat. You simply board.”!
β€” Eric Schmidt

πŸš€


GitHub language count GitHub top language GitHub repo size in bytes Code quality Made by Rocketseat
Node.js version TypeScript version React.js version React Native version

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.

SignIn SignUp Dashboard
SignIn SignUp List Scheduling

πŸ€– 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


πŸ–₯ 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


πŸ“± 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


🏁 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)

React.js version React.js version React.js version

About

πŸ’‡πŸ»β€β™‚οΈ A FullStack application, made with Node.js, React.js and React Native for barber shop schedulings

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published