Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/anabartos/citas-react_vite
Deployment de citas en React, con vite y tailwindcss
https://github.com/anabartos/citas-react_vite
Last synced: 10 days ago
JSON representation
Deployment de citas en React, con vite y tailwindcss
- Host: GitHub
- URL: https://github.com/anabartos/citas-react_vite
- Owner: anabartos
- Created: 2023-10-13T18:39:51.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-18T22:43:50.000Z (about 1 month ago)
- Last Synced: 2024-11-18T23:40:52.379Z (about 1 month ago)
- Language: JavaScript
- Size: 43 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#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
1. **Add/Edit Patients**
- Add new patient records or update existing ones, including details like pet name, owner name, email, date, and symptoms.
2. **Delete Patients**
- Safely remove patient records with confirmation dialogs using **SweetAlert2**.
3. **Persistent Storage**
- Patient data is saved in **localStorage**, ensuring records remain available even after refreshing or closing the browser.
4. **Responsive Design**
- Styled with modern CSS frameworks for usability across devices.
---
## 🖥 Technologies Used
1. **React**: Component-based architecture for building dynamic UIs.
2. **SweetAlert2**: For custom modal dialogs and confirmation prompts.
3. **localStorage**: To persist data between sessions.
4. **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:
```bash
git clone https://github.com/anabartos/petcare-scheduler.git
cd petcare-scheduler
```
Install dependencies:
```bash
npm install
```
Run the development server:
```bash
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
https://github.com/anabartos/PetCare-Scheduler.git