Design
Our application uses an architecture that relies on Next.js for both frontend and backend development. Supabase is used for authentication and database services, and the OpenAI API provides AI functionalities.
+------------+ +-----------------+
| Client | <----------> | Next.js |
| (Browser) | | Front-End |
+------------+ +-----------------+
^
|
v
+-------------------------+ +----------+
| Next.js Backend | <------> | Supabase |
| (Server-Side + API) | | (DB/Auth)|
+-------------------------+ +----------+
^
|
v
+-------------------------+
| OpenAI API |
| (External) |
+-------------------------+
Provided by Supabase, based on PostgreSQL. Supabase provides an ORM for the codebase, which eases the development and makes it safer, since the developer doesn't need to write raw SQL-queries.
The design language that is targeted is modern and a little minimalist. To fasten and ease the development, some parts are made with pre-ready components, like from ShadCN. Everything needs to scale on mobile and on desktop screens, even on ones with larger PPI.
