klinik vuejs

This repository contains the frontend code for the Clinic Management System, designed to provide a seamless and user-friendly interface for managing clinic operations. Built with Vue.js and styled using Tailwind CSS, the application ensures responsive and modern designs optimized for all devices.

IslamTaleb11
2
1
Vue

Klinik backend repository

https://github.com/IslamTaleb11/klinik-laravel-api

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

Licenses

  • Vue.js: This project utilizes Vue.js, which is licensed under the MIT License. See the Vue.js License for details.
  • Project License: This project itself is licensed under the AGPL-3.0 License. See the LICENSE file for details.

⭐ Give It a Star!

If you found this project helpful or interesting, please give it a star on GitHub! It helps others discover the project and motivates us to keep improving it. 🌟
Click here to star the repository!