This project is a community effort to release a brand new web platform to supplant and improve upon the product currently available at prideinlondon.org.

Want to help out? That's amazing! The Contribution Guide should hopefully get you on your way.

Check the issues section of the repo for tickets to pick up.

1. Make sure that you have the Gatsby CLI program installed:

npm install --global gatsby-cli

2. Pull the repository.
3. Install nvm from here
4. Make sure you're using the correct version of node nvm use
5. Ensure you have yarn installed.

1. Create a .env.development file in the root of the project.
2. In the file, add the contentful space ID for space Pride Web Test after the equal sign, for example SPACE_ID=123456
3. Do the same for the access token by defining theACCESS_TOKEN

gatsby develop

Make sure you have the correct Contentful configuration or the project won't run.

Test will be run using Jest + Enzyme. Can be run with:

yarn test

or to watch:

yarn test:watch

Grid layout will be done via Grid-Styled. Breakpoints and spacing configuration can be found in src/theme/theme.js. See src/grid/grid.js to see how the Container, Column and Row components are made. Example of usage can be found on the events page on src/pages/events.js. Please see Official Documentation on how to set widths for your columns and set alignment.

Styling will be done via Styled-Components.

This project uses ESlint with Prettier

To run the linter...

yarn lint

To apply Prettier formatting to all .js files...

yarn format