Skip to content

NET1814-SWP391-Pet-healthcare-system/Pet_Healthcare_Frontend

Repository files navigation

🐾 Pawfect Care - A Pet Care Website

Welcome to Pawfect Care, your one-stop solution for all your pet care needs! Built with love and care using React, TypeScript, Vite, NextUI, and Shadcn, this project aims to provide a seamless and enjoyable experience for pet owners.

🚀 Supercharged with Vite

Our project is supercharged with Vite, which provides a lightning-fast development experience. We use two official plugins for Fast Refresh:

Vite's out-of-the-box features like Hot Module Replacement (HMR) and optimized build help us to develop and deploy faster.

🛠️ ESLint Configuration

We've set up some basic ESLint rules for development. For a production-ready application, we recommend expanding the ESLint configuration to enable type-aware lint rules.

Here's how you can do it:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname
  }
}
  • Replace plugin:@typescript-eslint/recommended with plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

These configurations help us maintain a clean and consistent codebase.

🎨 NextUI and 🗂️ Shadcn

NextUI provides a rich set of UI components that we use to build a visually appealing pet care website. Shadcn is our choice for state management, ensuring a smooth and responsive user experience.

🌐 Website Features

Our website offers a variety of features to assist pet owners:

  • Pet Profiles: Create profiles for your pets, track their health, and keep notes on their preferences.
  • Appointment Scheduling: Schedule appointments with vets, groomers, and other pet services.
  • Resource Library: Access a library of resources on pet care, including articles, videos, and interactive tools.
  • Community: Connect with other pet owners, share experiences, and get advice.

Join us on this exciting journey to make pet care easy and fun!