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 that is a little minimalist. To fasten and ease the development, some parts are made with pre-ready components, like from ShadCN. Everything needs to and will scale on mobile and on desktop screens, even on ones with larger PPI.
The final design is mostly the same as in the original plan. Options and History cards were swapped for better UX.
