https://github.com/jcomte23/crud-async
Este proyecto es una aplicación CRUD sencilla desarrollada con JavaScript Vanilla que interactúa con una API pública para realizar operaciones de crear, leer, actualizar y eliminar datos. Es un proyecto educativo para aprender a usar funciones asíncronas y trabajar con APIs en el desarrollo web.
https://github.com/jcomte23/crud-async
api bootstrap frontend javascript project-education vite
Last synced: about 2 months ago
JSON representation
Este proyecto es una aplicación CRUD sencilla desarrollada con JavaScript Vanilla que interactúa con una API pública para realizar operaciones de crear, leer, actualizar y eliminar datos. Es un proyecto educativo para aprender a usar funciones asíncronas y trabajar con APIs en el desarrollo web.
- Host: GitHub
- URL: https://github.com/jcomte23/crud-async
- Owner: jcomte23
- License: mit
- Created: 2025-01-12T18:11:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-24T20:19:46.000Z (over 1 year ago)
- Last Synced: 2025-01-27T13:40:04.567Z (over 1 year ago)
- Topics: api, bootstrap, frontend, javascript, project-education, vite
- Language: HTML
- Homepage: https://jcomte23.github.io/crud-async/
- Size: 57.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CRUD API con JavaScript Vanilla
Este proyecto es una aplicación sencilla que realiza operaciones CRUD (Crear, Leer, Actualizar, Eliminar) en una API utilizando JavaScript Vanilla (sin frameworks). El objetivo principal del proyecto es aprender cómo interactuar con APIs usando funciones asíncronas y cómo hacer peticiones HTTP (GET, POST, PUT, DELETE) en una aplicación web.
## Tecnologías utilizadas
- **HTML**: Estructura básica de la página web.
- **SCSS**: Para el estilizado de la interfaz.
- **JavaScript (Vanilla)**: Lógica del lado del cliente utilizando JavaScript puro para realizar operaciones CRUD de manera asíncrona.
- **Vite**: Herramienta de desarrollo moderna para empaquetar y servir los archivos de la aplicación.
- **Bootstrap**: Framework CSS para mejorar el diseño y la interfaz de usuario.
## Requisitos
Para ejecutar este proyecto localmente, asegúrate de tener instalados los siguientes programas:
- **Node.js**: Puedes descargarlo desde [nodejs.org](https://nodejs.org/).
- **NPM**: Gestor de paquetes que te permitirá instalar las dependencias.
## Instalación
1. Clona el repositorio en tu máquina local:
```bash
git clone https://github.com/tu-usuario/tu-proyecto-crud.git
```
2. Entra al directorio del proyecto:
```bash
cd tu-proyecto-crud
```
3. Instala las dependencias utilizando npm:
```bash
npm install
```
4. Inicia el servidor de desarrollo con Vite:
```bash
npm run dev
```
5. Abre tu navegador y navega a `http://localhost:3000` para ver la aplicación en funcionamiento.
## Estructura del Proyecto
Estructura del Proyecto
```bash
/tu-proyecto-crud
│
├── /node_modules # Dependencias de npm
├── /src # Código fuente de la aplicación
│ ├── /js # Archivos JavaScript con la lógica del proyecto
│ ├── /scss # Archivos SCSS con los estilos del proyecto
├── index.html # Página principal
├── package.json # Dependencias y scripts
└── README.md # Este archivo
```
## Contribución
Si deseas contribuir al proyecto, puedes hacerlo de la siguiente manera:
1. Haz un fork de este repositorio.
2. Crea una nueva rama (`git checkout -b feature/nueva-funcionalidad`).
3. Realiza tus cambios.
4. Haz un commit con un mensaje descriptivo de los cambios (`git commit -m 'Agregada nueva funcionalidad'`).
5. Sube tus cambios a tu repositorio (`git push origin feature/nueva-funcionalidad`).
6. Crea un Pull Request.
## Licencia
Este proyecto está bajo la Licencia MIT - consulta el archivo [LICENSE](LICENSE) para más detalles.