Skip to content

🪥 Dental Clinic management web application using Vue,js and BootstrapVueNext.

License

Notifications You must be signed in to change notification settings

lat0s/FlossophyUI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors Forks Stargazers Issues MIT License LinkedIn


Logo

Flossophy User Interface

❗ STILL WIP FEW ISSUES EXIST ❗

🪥 A modern dental care application interface built with Vue.js and BootstrapVue Next.
Explore the docs (!WIP!) »

View Demo (!WIP!) · Report Bug · Request Feature


Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

Attention ⚠️ It won't work without additional configuration and an API, unless you use this one i made specifically for Flossophy if you want to test everything.

Flossophy User Interface is the frontend of a modern dental care application. It allows patients to:

  • Register / Login.
  • Map view of available dental clinics in your area.
  • Reactive view of appointments
    • Meaning the calendar displays changes to appointments in real-time.
  • Book and cancel appointments
    • When appointments are booked or cancelled an email is sent to both the patient and the dentist assosciated.

The UI is built with Vue.js 3 and BootstrapVue Next, ensuring a smooth and responsive user experience.


Built With

  • Vue.js
  • Bootstrap
  • Vite

(back to top)


Getting Started

Follow these instructions to set up the Flossophy User Interface locally.

Prerequisites

  • Node.js Latest Version
  • A running Backend API.
    • I made one specifically for this project. Here!.

Installation

  1. Clone the repo:
git clone https://github.com/lat0s/FlossophyUI.git
  1. Navigate to the project directory:
cd app
  1. Install dependencies:
npm install
  1. Make sure in vite.config.ts points to the correct location of the API!!! If nothing goes wrong, and you were to use this it should seamlessly work.
  2. Run the development server:
npm run dev
  1. Open the application:
http://localhost:5173

(back to top)