Site Tools


Hotfix release available: 2025-05-14b "Librarian". upgrade now! [56.2] (what's this?)
Hotfix release available: 2025-05-14a "Librarian". upgrade now! [56.1] (what's this?)
New release available: 2025-05-14 "Librarian". upgrade now! [56] (what's this?)
Hotfix release available: 2024-02-06b "Kaos". upgrade now! [55.2] (what's this?)
Hotfix release available: 2024-02-06a "Kaos". upgrade now! [55.1] (what's this?)
New release available: 2024-02-06 "Kaos". upgrade now! [55] (what's this?)
Hotfix release available: 2023-04-04b "Jack Jackrum". upgrade now! [54.2] (what's this?)
Hotfix release available: 2023-04-04a "Jack Jackrum". upgrade now! [54.1] (what's this?)
New release available: 2023-04-04 "Jack Jackrum". upgrade now! [54] (what's this?)
Hotfix release available: 2022-07-31b "Igor". upgrade now! [53.1] (what's this?)
Hotfix release available: 2022-07-31a "Igor". upgrade now! [53] (what's this?)
New release available: 2022-07-31 "Igor". upgrade now! [52.2] (what's this?)
New release candidate 2 available: rc2022-06-26 "Igor". upgrade now! [52.1] (what's this?)
New release candidate available: 2022-06-26 "Igor". upgrade now! [52] (what's this?)
Hotfix release available: 2020-07-29a "Hogfather". upgrade now! [51.4] (what's this?)
2.0

Planner V2

Overview

The second iteration of Planner4You.

Style guide

TBA

Planner V2 Structure

App Structure Overview

Both the frontend and backend are programmed in Typescript which is executed by the ts-node package; Typescript is a type safe, and more structured superset of the Javascript lanugage (ES6/ES12-ES2021). We use Yarn on the frontend and backend also, to install packages (like ts-node) and run a local development server.

An Apollo GraphQL server is used in the backend, to provide structured and secure interface to interact with the database. TypeORM is the database adapter which connects to the database allowing us to manipulate the tables and data within it; graphql uses the TypeORM adapter in order to access the data. We've not currently chosen a server to serve the backend code to the client, therefore, the project only works locally from development enviroments.

Our database is implemented in Postgres, which is a relational database that uses SQL. PGAdmin4 is a decent tool for exploring the database.

Packages

ts-node

ts-node is a typescript execution engine that allows us to write this project as typescript instead of javascript. ts-node is essentially a `source-to-source compiler` / `transpiler`, as it turns one language into another, i.e. typescript into javascript.

GraphQL (Apollo)

We use Apollo GraphQL as our implementation of GraphQL. (Tutorial here)

cross-env

cross-env is used for setting the environment mode the project is run in, in a OS independant way. It is used in the package.json file.

blipp is a simple hapi plugin to display the routes table to console at startup.

Database

We're Using a postgress database

ERD cardinality key

TBA

Database ERD

TBA

Project setup and Build

Run the project locally

Using the scripts in the package.json file in the backend directory, use Yarn to run the 'dev' script, e.g.

yarn run dev

which is the same as running:

yarn run cross-env NODE_ENV=development ts-node-dev --files -- ./src/index.ts
  • 'Yarn' is our package manager, but also its acting as our server as this is a command for local development
  • 'run' tells yarn to execute something
  • 'cross-env' is a package used to set the programmign enviroment variables in a OS independant way
  • 'NODE_ENV=development' is a cross-env option to set the enviroment to development
  • 'ts-node-dev' is our typescript execution engine as we want our typescript files to be executed with a typescript engine
  • '- -files' is a ts-node option, to tell ts-node to load files specified in the `tsconfig.json` file. We do this as the `blipp` package doesn't import correctly unless this happens, as ts-node can't see the blipp file in `backend/type/blipp.d.ts`
  • '- -' is used to stop options being passed to ts-node (i.e. we passed ts-node '- -files', we don't want to pass anything else)
  • './src/index.ts' is the first file we are running as it's the root

Potential build issues, and their fixes

Deploy a build live

2.0.txt · Last modified: 2025/10/26 14:29 by 20.171.207.237