Nick-Damico / Offical-Shear-Madness-Salon-Site

Site for ShearMadness Salon, built with Static Site Generator Gatsby.js, React, Styled-Components, SCSS/SASS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Shear Madness Beauty Salon

Shear Madness Salon

I was approached with the task of helping the local beauty salon Shear Madness Beauty Salon, located in Sevierville, TN, with site rebranding, logo design work, and photography. The company went through a difficult transition of websites, starting with an outdated Wordpress site that was no longer able to be maintained, and then a temporary site that didn't match their brand or capture the feel of their new salon location.

Through a series of meetings, we addressed their concerns of building a site that better captured the feel of there business and salons esthetics, to improve SEO, display data such as customer reviews and images, and have a site that instilled confidence in potential customers they were the best choice in the area.

Install

  1. Make sure Node and NPM are installed on your system
  2. execute command npm install -g gatsby-cli
  3. Download this repo or run git clone https://github.com/Nick-Damico/Offical-Shear-Madness-Salon-Site
  4. cd into Offical-Shear-Madness-Salon-Site directory
  5. execute in terminal npm install
  6. gatsby develop
  7. visit http://localhost:8000/

System dependencies

  • "@fortawesome/fontawesome-svg-core": "^1.2.15"
  • "@fortawesome/free-solid-svg-icons": "^5.7.2"
  • "@fortawesome/react-fontawesome": "^0.1.4"
  • "babel-plugin-styled-components": "^1.6.0"
  • "gatsby": "^2.1.0"
  • "gatsby-plugin-google-analytics": "^2.0.14"
  • "gatsby-plugin-manifest": "next"
  • "gatsby-plugin-offline": "^2.0.23"
  • "gatsby-plugin-polyfill-io": "^1.0.5"
  • "gatsby-plugin-react-helmet": "next"
  • "gatsby-plugin-styled-components": "^2.0.11"
  • "gatsby-source-filesystem": "^1.5.39"
  • "gatsby-transformer-json": "^1.0.20"
  • "gsap": "^2.0.2"
  • "jquery": "^3.3.1"
  • "lightbox2": "^2.10.0"
  • "node-sass": "^4.11.0"
  • "react": "^16.4.2"
  • "react-dom": "^16.4.2"
  • "react-google-maps": "^9.4.5"
  • "react-helmet": "^5.2.0"
  • "react-scrollmagic": "^2.1.0"
  • "react-typography": "^0.16.13"
  • "slick-carousel": "^1.8.1"
  • "styled-components": "^3.4.5"
  • "styled-normalize": "^8.0.0"
  • "typography": "^0.16.17"

Deployment instructions

Coming soon deployment will be handled with Netlify.

Deploy to Netlify

About

Site for ShearMadness Salon, built with Static Site Generator Gatsby.js, React, Styled-Components, SCSS/SASS

License:MIT License


Languages

Language:HTML 52.9%Language:JavaScript 42.0%Language:CSS 5.0%Language:Ruby 0.0%Language:Makefile 0.0%