🩺 Veterinary Clinic Website

A full-stack web application designed to streamline veterinary operations and enhance client engagement.
This project includes an Admin Dashboard for managing patients, vaccinations, treatments, and diagnoses — along with a marketing website for showcasing the clinic’s services to potential clients.

🔗 Live Demo: https://petcare.my.to

🚀 Tech Stack

Frontend

• React 18 (Vite)
• Tailwind CSS
• Axios for API requests
• React Router DOM for navigation

Backend

• Laravel 12 (PHP 8.4)
• SQLite (development) / MySQL (production-ready)
• Laravel Sanctum for authentication
• Laravel Seeder & Factory for sample data

Hosting

• Frontend + Backend hosted on a single Hostinger VPS
• Reverse proxy configuration for smooth API routing

---

🧩 Key Features

🩹 Admin Dashboard

• Manage pets, owners, and medical records
• View vaccination history and treatment logs
• CRUD operations for veterinarians, appointments, and patients
• Dashboard analytics for quick insights

🌐 Marketing Page

• Professionally designed homepage for the veterinary clinic
• Services overview and “About the Clinic” section
• Responsive and modern layout with Tailwind CSS

💉 Pet Diagnosis & Record Management

• Record diagnoses, symptoms, treatments, and prescribed medications
• Log vaccination doses (e.g., Bordetella, Anti-Rabies)
• Integrated support for laboratory and rapid test records

---

⚙️ Development Setup

Clone the repository and install dependencies for both frontend and backend:

1. Backend (Laravel)

cd backend
composer install
cp .env.example .env
php artisan key:generate
php artisan migrate --seed
php artisan serve

Uses SQLite for development (database/database.sqlite). Easily switch to MySQL by updating .env - seeders ensure a seamless transition.

2. Frontend (React)

cd frontend
npm install
npm run dev

🗄️ Environment Variables

Laravel .env Example

APP_NAME=PetCare
APP_URL=http://localhost:8000
FRONTEND_URL=http://localhost:5173
DB_CONNECTION=sqlite

React .env Example

VITE_API_BASE_URL=http://localhost:8000/api

Project Overview

This project was developed as part of a professional learning journey - combiing modern frontend development (React + Tailwind) with robust backend architecture (Laravel 12).

It demonstrates:

• Full-stack deployment on a VPS
• Proper REST API design with authentication
• Modular structure ready for future integration with Inertia.js

Screenshots

Marketing Page	Admin Dashboard

License

This project is open-source and available under the BSD 2-Clause License.

---

Developed with ❤️ by a passionate web developer exploring full-stack excellence.