Phoenix + Vue 3 example application

Overview

This is a simple full-stack application built with Phoenix and Vue 3. The backend API is generated using OpenAPI specifications and the frontend uses the Swagger TypeScript API Generator to auto-generate TypeScript types and API client code. OAuth2 authentication is implemented via Boruta, and the frontend state management is handled using Pinia. The project is styled with Tailwind CSS.

Stack

• Phoenix 1.7
• Vue 3
• Pinia
• Open API Spec
• Swagger Typescript API Generator
• Boruta (OAuth2)
• Tailwind CSS

Getting started

1. To start this project:

docker compose up

2. Create the default user:

docker compose exec api mix run priv/repo/seeds.exs

3. Visit http://localhost:3000

4. Login with the default user credentials: [email protected] / password

License

This project is licensed under the MIT License.