A one-page concept website built with GatsbyJS, styled with SCSS, and hosted on Netlify. The goal of this project was to help me practice building a brochure website appropriate for a small business.
- Design and build a website that would be appropriate for a small business
- Build a custom gallery component with lazy loaded images
- Implement a mobile responsive layout
- Integrate YouTube iframe
I developed the website using the static site generator GatsbyJS. I styled it using SCSS and utilized Flex and Grid to achieve a mobile responsive layout. The custom gallery component uses Gatsby Image and GraphQL queries to generate lazy loaded images.
This project is hosted for free on Netlify and rebuilds after every push to the master branch on Github.
clone project: git clone git@github.com:stormcloud266/lawn-care-mock.git lawn-care
cd into project: cd lawn-care
install dependencies: npm install
install gatsby-cli globally: npm install -g gatsby-cli
start dev: gatbsy develop