🧑‍🏫 ITBL SafeSpace

SafeSpace is an application designed to help young people understand data protection and data processing in the context of social media. It is intended to be used as part of a teaching unit. This project was created as part of the ‘Designing IT-based learning’ module.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Make sure you have the following required software installed:

• Node v20+ installed on your system. Make sure npm is available on your system. We recommend to use a version manager like nvm or fnm.
• PostgresDB

Note

The deployed version uses supabase. We might be using more features of supabase in the future. If so, we will note this in the repository.

First, set up your .env (or .env.local) file with the following variables:

DATABASE_URL=postgresql://<user>:<password>@<host>:<password>/<databasename>
NEXT_PUBLIC_API_BASE_URL=http://localhost:3000

Then, install the dependencies and run the development server:

npm install
npm run dev
# or
yarn install
yarn dev
# or
pnpm install
pnpm dev
# or
bun install
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!