VetBoard

VetBoard is a veterinary clinic management dashboard built with React, TypeScript, Vite, and Tailwind CSS. It provides an interface for managing patients, appointments, and clinic settings.

Features

• Dashboard: View summary cards and recent appointments.
• Patients: Add, edit, delete, and search for patients.
• Appointments: Schedule, edit, and manage appointments.
• Settings: Placeholder for clinic information and settings.
• Responsive UI: Built with Tailwind CSS for modern, responsive design.
• Routing: Uses React Router for navigation.
• Component-based: Modular React components for easy maintenance.

Project Structure

├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── AppointmentForm.tsx
│   │   ├── Modal.tsx
│   │   ├── PatientForm.tsx
│   │   ├── Sidebar.tsx
│   │   ├── Toolbar.tsx
│   │   └── Topbar.tsx
│   ├── hooks/
│   ├── layouts/
│   │   └── MainLayout.tsx
│   ├── lib/
│   ├── pages/
│   │   ├── Appointments.tsx
│   │   ├── Dashboard.tsx
│   │   ├── Patients.tsx
│   │   └── Settings.tsx
│   ├── types/
│   │   ├── appointment.ts
│   │   └── patient.ts
│   ├── App.css
│   ├── App.tsx
│   ├── index.css
│   ├── main.tsx
│   └── vite-env.d.ts
├── index.html
├── package.json
├── tailwind.config.js
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

Getting Started

Prerequisites

• Node.js (v18 or newer recommended)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/mdnakibul/vetboard.git
   cd vetboard

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open http://localhost:5173 in your browser.

Build for Production

npm run build
# or
yarn build

Linting

npm run lint
# or
yarn lint

Tech Stack

• React
• TypeScript
• Vite
• Tailwind CSS
• React Router
• React Icons

License

This project is licensed under the MIT License.