gabrielbarth / web-goBarber

Web (ReactJS) project of barber shop scheduling app :barber:

GoBarber (web)

Web (ReactJS) project of barber shop scheduling app 💈, developed during GoStack10 bootcamp.

💾 Backend here
📱 Mobile version here

🔎 Overview

This application allows:

• barbers authentication and creating profile;
• update profile (including add profile image);
• see appointments per day;
• see notifications about new appointments;

💻 View of interfaces

Dashboard screen

Profile screen

🔗 Project dependencies

☑️ react  // react lib
☑️ react-icons   // allows to use icons from several libs
☑️ date-fns   // node library to handle data
☑️ axios   // Promise based HTTP client for the browser and node.js
☑️ styled-components   // allows to write actual CSS code to style components
☑️ prop-types   // used to document the intended types of properties passed to components
☑️ redux   // allows manage app global state
☑️ redux-saga   // allows manage app global state using middlewares (each other things)
☑️ reactotron-react-js   // desktop app for inspecting informations through the app
☑️ reactotron-redux   // allow us observing using of middlewares in API requests
☑️ react-dom // allows to load react through <script> tag
☑️ react-router-dom // DOM bindings for React Router
☑️ immer  // allows create the next immutable state by mutating the current one
☑️ polished  // a lightweight toolset for writing styles in JavaScript
☑️ history  // allows manage session history with JavaScript
☑️ redux-persist  // persist and rehydrate a redux store
☑️ react-perfect-scrollbar  // react wrapper for perfect-scrollbar
☑️ react-toastify  // allows react notification easlily
☑️ yup  // simple Object schema validation
☑️ @rocketseat/unform  // easy peasy highly scalable ReactJS & React Native forms

Development libs:

☑️ eslint // analyzes your code to quickly find problems
☑️ prettier //code formatter, makes code prettier
☑️ react-app-rewire // allows override create-react-app webpack configs without ejecting

💻 Running on your machine

Consider the steps below to run this API on your machine browser:

First step: follow the steps presents on backend project.

Second step: After configure servers on your machine, clone this repository.

1. Clone this repo using git clone https://github.com/gabrielbarth/web-goBarber.git.
2. Move to the appropriate directory: cd web-goBarber.
   
3. Run yarn to install dependencies.
   
4. Check if servers are running (as explained in first step).
   
5. Run yarn start to run the app on your browser at http://localhost:3000.

💡 🤝 Contributing

Please feel free to contributing and submitting pull requests.

🙏 Acknowledgments

• Rocketseat team
• Rocketseat community

🤔 Any question?

Contact me on my social medias:
LinkedIn
Instagram
YouTube
Discord (gabrielbarth1#0492)
Or send me an email 📨: [e-mail].

Made with ♥ by Gabriel Barth