Before running the frontend, ensure you have the following installed:
- Node.js
- NPM
{
// Files
"files.trimTrailingWhitespace": true,
"files.autoSave": "onFocusChange",
"files.insertFinalNewline": true,
"files.trimFinalNewlines": true,
// Tailwind
"tailwindCSS.classAttributes": ["className", ".*CLASSES"],
"files.associations": {
"*.css": "tailwindcss"
},
"editor.quickSuggestions": {
"strings": "on"
},
// Editor
"editor.codeActionsOnSave": { "source.fixAll": "explicit" },
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"editor.tabSize": 2
}
- Tailwind CSS IntelliSense
- Prettier - Code formatter
- EditorConfig for VS Code
- Pretty TypeScript Errors
- ESLint
To run the frontend, follow these steps:
- Clone this repository.
- Install dependencies by running
npm i
. - Create
.env
file using.env.example
as a template. - Run the app by executing
npm run dev
.
The app should now be running at http://localhost:5173/.
test:playwright
- run playwright tests.dev
- run the development server.lint
- lint code with ESLint.build
- build project.