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.
- Make sure that you have the Gatsby CLI program installed:
npm install --global gatsby-cli- Pull the repo.
- Install nvm from here
- Make sure you're using the correct version of node
nvm use - Ensure you have yarn installed.
- Ensure you have lerna installed.
- Run
lerna bootstrapin the root directory to pull in dependencies.
As we're using lerna to deal with dependencies, don't use yarn or npm to install new ones.
Run lerna add 'dependency name' or, and this is preferable, add the node-module you want to add to the package.json of the desired package and run lerna bootstrap
- Create a
.env.developmentfile in the root of the project. - In the file, add the contentful space ID for space Pride Web Test after the equal sign, for example
CONTENTFUL_ID=123456 - Do the same for the access token by defining the
CONTENTFUL_TOKEN
Go to the package you want to run e.g. events, then run gatsby develop:
cd packages/events
gatsby developTest will be run using Jest + Enzyme. Can be run with:
yarn testor to watch:
yarn test:watchGrid 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 lintTo apply Prettier formatting to all .js files...
yarn format