Barbershop system that connects clients and providers - Web version made with ReactJS
This project is a system of a fictional barbershop called GoBarber. The full system has a web version made with ReactJS, an exclusive area for providers, where they are able to list all their appointments, change personal info and recieve notifications everytime a new appointment is created (also via email). The application also has a mobile version made with React Native, an exclusive area for clients, where they are able to create a new appointment with their favorite provider based on the available schedule. Besides that, the client is able to cancel the appointment (must be at most 2 hours before the appointment). All this system is served by a REST API made with Node.js.
The web version of the application handles with a lot of data and information. To help me persist data and authenticate the provider I've used Redux and also Redux Saga for some async api calls. Intending to make the best user experience possible, I've also used awesome libraries such as React Toastify to handle with error/success messages. Here is a list of technlogies (at least what I remeber) that I used to develop the application:
- ReactJS
- Create React App Configuration Override
- Redux
- Redux-Saga
- React Router v4
- styled-components
- Axios
- History
- Immer
- Polished
- React-Toastify
- React-Icons
- react-perfect-scrollbar
- Unform
- Yup
- date-fns
- Reactotron
To clone and run this application, you'll need Git, NodeJS, Yarn and Docker.
You just need to run the following commands:
# Clone this repository
$ git clone https://github.com/riltonfranzonee/gobarber
# Go into the repository
$ cd gobarber
# Install dependencies
$ yarn
# Run the app
$ yarn startMake sure you have the REST API up and running.
Thank you for taking a look at my project! Made with ♥