frontend.md

Frontend

Built with

• Vue 3
• Vite
• Typescript
• Vue Query
• Tailwind CSS
• Daisy UI
• Epic Spinners

Essential Tools

Easy

Instead of installing and managing node and yarn binaries, we recommend using Volta

---

Hard

• NodeJS 14
• Yarn 1.22

Setup

• Install all Essential Tools
• Install dependencies in root via yarn
• Go to the frontend directory cd ./frontend
• Copy .env.example to .env
  • Replace VITE_OTS_URL with the backend url of the secret server. See Backend Tutorial
  • Replace VITE_SLACK_CONNECT_QUERY_PARAMS with client_id=<slack_client_id>&scope=&user_scope=chat:write,channels:read,users:read&redirect_uri=https://<backend_server_host>/integrations/slack/webhook by replacing <slack_client_id> and <backend_server_host> with your credentials. Here is the Slack Guide to create your slack application
  • The reason values in .env.example are with {{}} is explained in Docker Tutorial
• Run yarn dev your browser will be opened with the FE application opened. (Default port is 3000)