GoBarber web

Table of contents

About • Features • Layout • How to run • Technologies • Author • License

💻 About the project

GoBarber is a web application to support barbershops and hair salons managing their workers' schedules.

By signing up, hairstylists and barbers have access to a web interface to manage their schedule with real-time updates, notifying them when a new appointment is made or when an appointment is canceled.

To see the REST API, click here: GoBarber REST API
To see the mobile client, click here: GoBarber Mobile

---

🔥 Preview

Demo credentials:

acc: peppa@test.com / password: demo-password-peppa

---

⚙️ Features

The web page was designed to be used by service providers. Clients can schedule appointments by using the mobile application.

Don't need authentication:

• Create a new account

• Page to forgot a password

• Login

Need Authentication:

• Dashboard listing daily and monthly scheduled appointments

• Profile page with option to reset user information and password

---

🎨 Layout

Sign In:

Sign Up:

Password Recovery:

Dashboard:

Profile:

---

🚀 How to run the project

Requirements

Initial requirements: git, yarn, and a code editor of your choice.

Running the web application (Frontend)

# Clone this repository
$ git clone git@github.com:wilsonfsouza/gobarber-frontend-web.git

# Access the folder in your terminal/cmd/cli
$ cd gobarber-frontend-web

# Install all dependencies
$ yarn install

# Start the app in development mode
$ yarn start

# The application will open at port:3000 - access http://localhost:3000

---

🛠 Technologies

The following tools were used in this project:

Website (React + TypeScript)

• React Router Dom
• React Icons
• React Switch
• Styled-components
• Polished
• UnForm
• Axios
• Yup
• Uuid
• Jest
• ESLint
• Prettier
• EditorConfig

See the file package.json

Utilities

• Editor: Visual Studio Code
• Markdown: StackEdit, Markdown Emoji
• Icons: Feather Icons
• Font-family: Roboto

---

💪 How to contribute to this project

1. Fork the project.
2. Start a new branch with your changes: git checkout -b my-new-feature
3. Save it and create a commit message describing what you have done: git commit -m "feature: My new feature"
4. Send your alterations: git push origin my-feature

---

👨‍💻 Author

_{Wilson Franca}

---

📝 License

This project is being developed under MIT License.

Made with ❤️ by Wilson Franca 👋