This app/website was built collaboratively by the "sideMERNS" group for the 3rd and final project of our UT Austin Coding Bootcamp to demonstrate usage of MERN techologies.
Members of the group:
Paul Vera // @paul88vera on github
John Proodian // @johnproodian on github
Jason Vissage // @JasonVissage on github
Sem Tristan // @steepllama on github
Julian Rodriguez // @svnday on github
This website was conceptualized after visiting a barber shop in dallas that had no online presence. We felt that this would be a great opportunity to make a good looking website with enough functionality to meet the needs of the original barber shop that sparked the idea, as well as other small businesses. As a result, we built a website template that could be adapted according to the business.
The website is a Single-Page Application that allows users to navigate from the Home page to the following:
A "Gallery" to display photos of work done by the shop in the past.
A "Services" page that shows services, pricing, and a description of the service.
An "About" page that has a photo of the owners with a blurb about them.
A "Contact" page for users to submit an inquiry via a submission form.
A page to "Login" and/or "Sign up" so that users are able to login or create a profile.
The "Profile" page requires authentication to validate the user. Once logged in, the user able to add info about themselves and add haircuts with instructions that their barber can reference during their appointment. This allows the barber to know ahead of time who their client is, and look at their profile to see how they normally like their hair cut. The Profile page also allows the user to schedule an appointment.
As a USER, I am able to navigate the site with minimal loading time on my browser.
Once on the website, I am able to view the barbers' previous work, their service offerings, contact them, schedule an appointment, and save my haircut details to an authenticated profile.
This project uses the following technologies:
MongoDB
Express
React
Node
GraphQL
Mongoose
JSONWebTokens
Apollo
This application can be used by navigating to [https://barber-shop-sidemerns.herokuapp.com/](https://barber-shop-sidemerns.herokuapp.com/)
If running on your local machine for development, clone the repository.
Navigate to the root directory.
Next, install dependencies by running `npm init`. Repeat this in the /client and /server directories.
Start the server by running command `npm run develop` from the root directory
Open your browser and navigate to: [http://localhost:3001/](http://localhost:3001/)
- Link to deployed application: https://barbershop.up.railway.app/
- Link to original repository for group project: https://github.com/johnproodian/barber-shop
- Link to original deployed application (I don't think it's still up): https://barber-shop-sidemerns.herokuapp.com/
- Link to screenshot:
