Petcare Scheduler
#PetCare-Scheduler
📋Description
Petcare scheduler Application built with React to efficiently manage pet patient records. The app provides features for adding, editing, and deleting patient data, with persistent storage using localStorage and user-friendly modals via SweetAlert2.
🛠Features
Add/Edit Patients
- Add new patient records or update existing ones, including details like pet name, owner name, email, date, and symptoms.
Delete Patients
- Safely remove patient records with confirmation dialogs using SweetAlert2.
Persistent Storage
- Patient data is saved in localStorage, ensuring records remain available even after refreshing or closing the browser.
Responsive Design
- Styled with modern CSS frameworks for usability across devices.
🖥 Technologies Used
- React: Component-based architecture for building dynamic UIs.
- SweetAlert2: For custom modal dialogs and confirmation prompts.
- localStorage: To persist data between sessions.
- Tailwind CSS: Provides responsive and visually appealing design.
📂 Project Structure
├── components
│ ├── Formulario.jsx
│ ├── Header.jsx
│ ├── ListadoPacientes.jsx
│ ├── Paciente.jsx
| ├── Alerta.jsx
├── App.jsx
├── index.css
└── main.jsx
🚀 Installation
Clone the repository:
git clone https://github.com/anabartos/petcare-scheduler.git
cd petcare-scheduler
Install dependencies:
npm install
Run the development server:
npm start
Open the application in your browser: http://localhost:3000
🧑💻 Usage
Launch the app in your browser. Use the form to add new patient details. Edit patient records by clicking the Edit button. Delete patient records using the Delete button with confirmation.
🔗 Links
