klinik-vuejs

Klinik Vue.js Frontend

Overview

Klinik Vue.js Frontend is the user interface for the Klinik system, a comprehensive clinic management solution. Built using Vue.js 3, this frontend application integrates seamlessly with the Klinik Laravel API to deliver an intuitive and responsive experience for managing clinic operations, including appointments, schedules, patient records, and more.

Features

Appointment Scheduling: Interactive calendar and forms for booking and managing appointments.

• 🩺 Patient Management: Easy access to patient details and history.

• 👨‍⚕️ Doctor Dashboard: Personalized dashboard for managing doctor schedules and appointments.

• 📊 Reports and Statistics: Visual representation of clinic operations for informed decision-making.

• 🌙 Dark Mode: Toggle between light and dark themes for improved usability.

• 📱 Responsive Design: An responsive experience for managing clinic operations.

• And more...

Tech Stack

• Framework: Vue.js 3
• State Management: Pinia
• UI Components: Tailwind CSS, DaisyUI, PrimeVue
• Calendar: Vue Cal
• Notifications: Vue Sonner
• Charts: PrimeVue Charts
• API Communication: Axios
• Routing: Vue Router 4

Installation

1️⃣ Clone the Repository

git clone https://github.com/IslamTaleb11/klinik-vuejs.git

cd klinik-vuejs

2️⃣ Install Dependencies

Install the required Node.js dependencies:

npm install

3️⃣ Run the Development Server

Start the Vue.js development server:

npm run dev

The frontend will be available at http://localhost:5173.

API Documentation

The application communicates with the backend API. The API documentation is available at:

http://localhost:8000/api/documentation