ART

Final Exam Project for the Fachinformatiker Anwendungsentwicklung Apprenticeship.

Description 🌻

ART (Anwendungs- und Rechnungstracker) is a web application for managing Clients, Projects, Tasks/Orders and Invoices.

Demo

A demo of the application can be found at art.cardiacdev.tech

Tech Stack 🥞

Frameworks

• Next.js (React) with TypeScript
• API Platform (Symfony) with PHP

DevOps & Infrastructure

• Docker (Containerization)
• Nginx Proxy Manager (Reverse Proxy)
• Caddy (Reverse Proxy)
• Nginx (Web Server)
• Make (Task Runner)
• PostgreSQL (Database)
• GitHub Actions (CI/CD)
• Watchtower (Container Updater)

Worth Mentioning

• Tanstack React Query (Data Fetching)
• Tailwind CSS (Styling)
• React Hook Form & Zod (Form Handling)
• Tanstack React Table (Data Tables)
• Nice Modal React (Modals)
• shadcn/ui (Component Library)

Local Setup 🛠

Prerequisites

• Docker
• Make

Setup

$ make up

API

$ make api-bash
$ composer i
$ bin/console do:mi:mi
$ bin/console do:fi:lo

Client

$ make client-bash
$ npm i
$ npm run dev

The application is now available at http://localhost.