Note: This is the WIP Splatoon 3 version of the site. To see the current live version checkout the main branch

Running locally

Prerequisites: nvm

There is a sequence of commands you need to run:

1. nvm use to switch to the correct Node version.
2. npm i to install the dependencies.
3. Make a copy of .env.example that's called .env and fill it with values.
4. npm run migrate to set up the database tables.
5. npm run dev to run both the server and frontend.

And if you want to run the E2E tests:

6. Make a copy of the db.sqlite3 file created by migration and name it db-cypress.sqlite3.
7. npm run dev:cypress and npm run cy:open can be used to run the E2E tests.

Project structure

sendou.ink/
├── app/
│   ├── components/ -- React components
│   ├── db/ -- Database layer
│   ├── hooks/ -- React hooks
│   ├── modules/ -- "nodu_modules but part of the app" https://twitter.com/ryanflorence/status/1535103735952658432
│   ├── routes/ -- Routes see: https://remix.run/docs/en/v1/guides/routing
│   ├── styles/ -- All .css files of the project for styling
│   ├── utils/ -- Random helper functions used in many places
│   └── permissions.ts / -- What actions are allowed. Separated by frontend and backend as frontend has constraints based on what user sees.
├── cypress/ -- see: https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Folder-structure
├── migrations/ -- Database migrations
├── public/ -- Images, built assets etc. static files to be served as is
└── scripts/ -- Stand-alone scripts to be run outside of the app

Commands

Converting gifs (badges) to thumbnail

png

sips -s format png ./*.gif --out .

avif

https://github.com/lovell/avif-cli