Skip to content

Barber Shop website to schedule your haircut directly in the barber's agenda

Notifications You must be signed in to change notification settings

Vinicius-R-Cunha/barber_rafa-front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Barber Rafa Macedo

Barber Rafa Macedo is a Barber Shop website (both for desktop and mobile) where you can have an overview of all information about their service. You can also schedule your haircut and many more services just by signing up and choosing the best time available for you!

Barber Rafa Desktop3

Try it out now at https://barber-rafa.vercel.app

About

In this web application you will have the Home Page with some general information, an About section with more specific information about the barber, a Contact section where you can find all information to contact the Barber shop as well as a map for geographic recognition.

And last and most important, you will have the Services section where you can check all of the available services, read their description and schedule the one of your preference.

Your schedule will go directely to the barber's Google Calendar!

Below are listed some of the features as well:

  • Google Calendar integration
  • Admin page
  • General information
  • Navigation menu
  • Responsivity
  • Sign up / Sign in / Log out
  • List of services
  • Barber information
  • Socials/Adress/Phone number
  • WhatsApp button to contact
  • Your personal reservations page
  • Cancel reservation button

Technologies

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

Front-end:

Back-end:

How to run

Clone this Repository

$ git clone https://github.com/Vinicius-R-Cunha/barber_rafa-front-end.git

Access the directory where you cloned it

$ cd barber_rafa-front-end

Install dependencies

$ npm i

Create an environment variables file in the project root (.env) and configure a variable with the name 'REACT_APP_BACK_URL' that contains the url where the backend will be running, Example:

REACT_APP_BACK_URL=http:localhost:5000/
REACT_APP_PHONE_NUMBER=98747-9047
REACT_APP_INSTAGRAM_LINK=https://www.instagram.com/barberafamacedo/
REACT_APP_FACEBOOK_LINK=https://facebook.com/BarberRafaMacedo/?ref=bookmarks

Follow the instructions to run back-end at https://github.com/Vinicius-R-Cunha/barber_rafa-back-end

Run the front-end with

$ npm start

This command will open your favorite browser and access http://localhost:3000 by default

About

Barber Shop website to schedule your haircut directly in the barber's agenda

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages