https://github.com/islamtaleb11/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.
https://github.com/islamtaleb11/klinik-vuejs
api axios healthcare healthcare-application javascript js pinia pinia-vuejs vue vue3 vuejs
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/islamtaleb11/klinik-vuejs
- Owner: IslamTaleb11
- License: mit
- Created: 2024-11-29T13:37:16.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-23T22:32:57.000Z (3 months ago)
- Last Synced: 2025-04-12T06:18:42.629Z (3 months ago)
- Topics: api, axios, healthcare, healthcare-application, javascript, js, pinia, pinia-vuejs, vue, vue3, vuejs
- Language: Vue
- Homepage: https://klinik-system.com
- Size: 8.56 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Demo Video
https://www.youtube.com/watch?v=2gbiS_S7kPQ
## 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
```bash
git clone https://github.com/IslamTaleb11/klinik-vuejs.git
```
```bash
cd klinik-vuejs
```
### 2️⃣ Install Dependencies
Install the required Node.js dependencies:
```bash
npm install
```
### 3️⃣ Run the Development Server
Start the Vue.js development server:
```bash
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:
```bash
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](https://github.com/vuejs/core/blob/main/LICENSE) for details.
- **Project License**: This project itself is licensed under the AGPL-3.0 License. See the [LICENSE](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!](https://github.com/IslamTaleb11/klinik-vuejs)