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.
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...
- 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
git clone https://github.com/IslamTaleb11/klinik-vuejs.gitcd klinik-vuejsInstall the required Node.js dependencies:
npm installStart the Vue.js development server:
npm run devThe frontend will be available at http://localhost:5173.
The application communicates with the backend API. The API documentation is available at:
http://localhost:8000/api/documentation- 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.
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. 🌟