Core Technologies

Development Environment

For the best development experience, we recommend using a computer with Windows or macOS. We also suggest setting up the following development environment.

Development Tools

Ensure that your computer has the following tools installed: Node.js and Git.

Please install Node.js version v18 or higher

If you need to test backend APIs, install Postman.

Code Editor

VScode is our preferred code editor. We recommend installing the following extensions: Prettier, ESLint, and Vue Language Features (Volar).

Core Frontend Libraries and Packages

Vue

We use Vue as the frontend framework, entirely using Vue 3's Composition API. Vue documentation can be found here.

Vue-router

Vue-router documentation can be found here.

Pinia

Following Vue's official recommendation, we use Pinia for global state management instead of Vuex. Pinia documentation can be found here.

TailwindCSS

CSS styling in this project is developed using TailwindCSS. Global designs, such as color schemes, can be found in tailwind.config.js. TailwindCSS documentation can be found here.

v-calendar

v-calendar is used as the date picker component for forms. v-calendar documentation can be found here.

headlessui

headlessui components are used without UI design, primarily in conjunction with TailwindCSS. This project uses its Dialog component for modals. headlessui documentation can be found here.