Welcome to our Frontend Dentist Booking System, an innovative and user-friendly application designed for efficient dental appointment management across Sweden. This system streamlines the process of finding and booking dental appointments, ensuring a seamless experience for users.
This is the frontend for dentist appointment booking system which allows users to book appointments with dentists/clinics across sweden. Clinics can be viewed on a map where the user can see availible timeslots, the timeslots are updated in realtime if someone books an appointment, a dentist posts new slot or removes a slot.
- Vite
- Vue
- Typescript
- Tailwind CSS
- Pusher-js
- Tanstack Query
- Vue-router
- Shadcn
- Zod
Mapview | Mapview dark |
---|---|
Dashboard | Dashboard dark |
---|---|
Edit account | Edit account dark |
---|---|
Cancel notification from dentist | Cancel notification from dentist dark |
---|---|
Confirm booking | Confirm booking dark |
---|---|
Sign in | Sign in dark |
---|---|
Sign up | Sign up dark |
---|---|
See information in the README.md files in each of the microservices and gateways.
git clone 'repo link'
cd 'repo name
npm install
npm run dev
- VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue
types.
If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:
- Disable the built-in TypeScript Extension
- Run
Extensions: Show Built-in Extensions
from VSCode's command palette - Find
TypeScript and JavaScript Language Features
, right click and selectDisable (Workspace)
- Run
- Reload the VSCode window by running
Developer: Reload Window
from the command palette.