Otaniemi Fight Club landing page

Production environments

The website is available at https://classy-fairy-d41d66.netlify.app/english/

The Strapi CMS admin panel is available at https://informed-idea-cad3b2a8dd.strapiapp.com/admin

Running the app in Docker

Create the required .env files at the root of the project, in the cmsfolder and in the frontend folder.

Make sure you have Docker Compose installed and run

docker-compose up

The frontend client is available at http://localhost:3000/

Local Strapi development

By default the frontend connects to the Strapi running live at https://informed-idea-cad3b2a8dd.strapiapp.com

If you wish to run Strapi locally, e.g. for testing content type changes, run npm install in the cms folder and then npm run strapi develop

Then you can log into the Strapi admin panel at http://localhost:1337/admin

Finally, connect the frontend temporarily to the local Strapi endpoint by setting the STRAPI_URL value in frontend/src/lib/strapi.ts to http://localhost:1337

See Strapi admin panel use instructions at assets/Strapi Instructions.pdf

Warning COLLECTION AND SINGLE TYPE ENTRIES (e.g. any collection members created in Strapi) ARE STORED ONLY LOCALLY!

Testing

Enable the axe DevTools Chrome extension when developing the frontend.

Open the axe DevTools tab in Chrome DevTools and run the Full Page Scan to check for accessibility issues to fix them accordingly.

Typechecking

To check for TypeScript violations, run

npm run tsc

Code formatting

Format code according to rules specified in .prettierrc by running

npx prettier . --write

You can also install the Prettier VSCode extension to format code on save