# TODO

In `index.html`: make parcel replace the hard-coded base URL (in the meta tags).

# About

This is a template project for a webapp using the following tech stack:

- **Frontend**:
    - Vue.js
    - TailwindCSS
    - Axios
- **Backend**:
    - FastAPI (python)
- **Other**:
    - Caddy (webserver/reverse proxy)
    - Parcel (bundler)

# Customization

A number of default template files and assets for the frontend are already present in the repository.
These include essential assets like a set of fonts, and a default favicon.

## Favicon

The standards for the correct favicons are annoying, many browser vendors use a different standard.

A quick and easy way to create a set of favicons with broad compatibility is to create your favicon as an `.svg`-file,
and then use [realfavicongenerator.net](https://realfavicongenerator.net/) to create a set of relevant files and HTML
for your favicon.

Place the generated icons into `/frontend/assets/images/common/` and be sure to adjust the generated HTML to point to
this path.

## OG Image

The OG image is served directly by Caddy, and thus needs to be placed into `/public/static/images/common/`,
ideally as a `.webp`-file.

The image's dimensions should be 1200 x 630 pixels, as according to the
[OGP standard](https://developers.facebook.com/docs/sharing/webmasters/images/).
