A website focusing on mental health awareness built with Gatsby.
View The Live Site Here
- React
- Gatsby
- Gatsby Plugins
- Styled Components
Install the Gatsby CLI. (If You Haven't Already)
npm install -g gatsby-cli
-
Clone The Github Repository.
git clone https://github.com/jackjona123/freemind.git
-
Install The Dependencies.
npm install
Or
yarn install
-
Start the sites in
develop
mode.Next, move into your new site’s directory and start it up:
cd freemind gatsby develop
Each of the sections in the site are placed in src/sections
. Data is usually separated out into objects/arrays to be rendered in the component.
The component src/components/common/SEO.js
handles all meta data and SEO content, modify the SEO_DATA
variable to add the data automatically. For application manifest data and favicon, modify the gatsby-plugin-manifest
configuration in gatsby-config.js
.
This project uses styled-components to handle styling: src/styles/theme.js
defines the styling base and src/styles/GlobalStyles.js
includes basic element styles along with the CSS Reset.