Skip to content

Latest commit

 

History

History
56 lines (45 loc) · 3.43 KB

README.md

File metadata and controls

56 lines (45 loc) · 3.43 KB

Barber Shop Template

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.

User Story

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.

Technology Used

This project uses the following technologies:  
MongoDB  
Express  
React  
Node  
GraphQL  
Mongoose  
JSONWebTokens  
Apollo  

Instructions For Use

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/)