https://zaklad-stolarski.netlify.app/
A website created from scratch for learning purposes.
The application is based on the gatsby.js framework. The main purpose of page is to present the company's offer. The website is connected to the headless DatoCMS system thanks to which the owners can change the agreed scope of the website content (photos, descriptions etc.) at any time. When the website owner changes its content, the website will be automatically rebuild without the need for the developer to intervention (content build trigger). The application also has an attached notification system (when the customer sends the completed form, the owner will receive an email notification). The website is fully responsive, prepared for 6 types of screen width (xsm < 576px, sm > 576 px, md > 768px, lg > 992px, xl > 1200px, xxl > 1400px). The final product is implemented on the Netlify platform.
- Gatsby.js
- GraphQL
- React.js
- Html5
- Sass
- Css3
- Webpack
- Node Package Manager
- DatoCMS (headless CMS)
- React Leaflet
- Font Awesome
Requirements: git, npm, node.js, gatsby.js
To run project, follow these steps:
- Open terminal and clone the project from github repository:
$ git clone https://github.com/mkrolczyk12/zagorowski-zaklad-stolarski.git
- After successful clone project will need to provide DATO_CMS_API_KEY:
$ touch .env
Paste into .env file your DATO_CMS_API_KEY (like in .env.sample example file)
- Open terminal and type below command:
$ `npm install`
- Start application in development mode:
$ `gatsby develop`
This script runs the app in the development mode.
- After loading application is ready to use.
Open http://localhost:8000 to view it in the browser.
completed
Created by @mkrolczyk12 - feel free to contact me!
- Phone: (48) 503 699 962
- E-mail: m.krolczyk66@gmail.com
In the project directory, you can run:
Install all project packages.
Runs the app in the development mode.
Open http://localhost:8000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Builds the app for production to the public
folder.
It correctly bundles gatsby project in production mode and optimizes the build for the best performance.
At the root of a Gatsby site, serve the production build of your site for testing.
At the root of a Gatsby site, wipe out the cache (.cache folder) and public directories.