Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/devchris03/crmcrud
Administra a tus clientes de la manera más fácil posible
https://github.com/devchris03/crmcrud
css html javascript json-server modules
Last synced: about 1 month ago
JSON representation
Administra a tus clientes de la manera más fácil posible
- Host: GitHub
- URL: https://github.com/devchris03/crmcrud
- Owner: devchris03
- Created: 2024-12-02T23:36:53.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-12-05T15:24:19.000Z (about 1 month ago)
- Last Synced: 2024-12-05T16:28:36.980Z (about 1 month ago)
- Topics: css, html, javascript, json-server, modules
- Language: HTML
- Homepage: https://devchris03.github.io/crmcrud/
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💻 Proyecto de Registro de Clientes
Este proyecto es una aplicación de registro de clientes que implementa el método CRUD (Crear, Leer, Actualizar, Eliminar) para gestionar los datos de los clientes en una base de datos local. La aplicación está construida utilizando **HTML**, **CSS** y **JavaScript** y almacena los datos en el navegador del usuario mediante **IndexedDB**, una base de datos local ideal para aplicaciones web.
## ⭐ Funcionalidades
1. **Crear Cliente**: Permite añadir nuevos clientes a la base de datos con detalles como nombre, correo electrónico, teléfono, y dirección.
2. **Listar Clientes**: Muestra una lista completa de todos los clientes almacenados, facilitando la visualización de la información.
3. **Actualizar Cliente**: Permite modificar los datos de clientes existentes en la base de datos.
4. **Eliminar Cliente**: Elimina un cliente específico de la base de datos.## ⭐ Tecnologías Utilizadas
- **HTML5**: Para estructurar el contenido de la aplicación.
- **CSS3**: Para el diseño y la apariencia de la interfaz de usuario.
- **JavaScript (ES6)**: Para la lógica del CRUD y la conexión con IndexedDB.
- **IndexedDB**: Base de datos local en el navegador para almacenar y manejar los datos de clientes.## ✨ Características adicionales
- **Interfaz Responsive**: Adaptada para ser utilizada en diferentes dispositivos, ya sea escritorio, tabletas o teléfonos móviles.
- **Experiencia de Usuario (UX)**: Interacciones visuales sencillas e intuitivas para mejorar la experiencia del usuario al gestionar citas.¡Gracias por tomarte el tiempo de observar el trabajo!. En caso de tener un feedback ya sea realizado o no al proyecto, agradecería que lo puedas compartir (te dejo mis redes abajo)
### :globe_with_meridians: Mis redes:
:nazar_amulet: Linkedin: [Christina Pascual](https://www.linkedin.com/in/christina-pascual/):nazar_amulet: Twitter: [Christina Pascual](https://x.com/devchris03)
:nazar_amulet: Tiktok: [devChris03](https://www.tiktok.com/@devchris03?_t=8p5TriBHr3G&_r=1)
### DEMO:
![Administrar Clientes](https://github.com/user-attachments/assets/72d9293d-76ac-460b-a00f-a094f9297d9e)