sendou.ink (Splatoon 3)

Next version of sendou.ink

⚠️ This branch is still experimental and likely to have very big changes quickly

Getting started

If these instructions are wrong please make an issue and let's fix them

Prerequisites: Node.js & PostgreSQL running locally (guide)

You might be able to skip steps 2-4 and use a few pages but most pages need a server with database connected.

1. Install dependencies with running npm install command in the root folder
2. Make a copy of the .env.sample file in the /server folder and name it .env

• See below for documentation about what the values mean and which are optional

3. In the /server folder seed the database with the npm run seed command
4. In the /server folder run the development server with the npm run dev command
5. Make a copy of the .env.sample file in the /frontend folder and name it .env.local

• See below for documentation about what the values mean and which are optional

6. In the /frontend folder run the app with the npm run dev command

.env

/frontend

Name	Description	Required
NEXT_PUBLIC_BACKEND_URL	Where backend is located.	Yes

Folder structure

/api

TypeScript types that acts as a pact between frontend and backend.

/frontend

This folder contains frontend specific code.

frontend/
├── __mocks__/           mocks for tests
├── assets/              images and other assets to be imported directly to code
├── components/          react components
├── hooks/               react hooks including data fetching logic
└── utils/               frontend specific utility methods, constants etc.

/shared

Utilities, constants etc. that are shared between frontend and backend.