JSON App

Proyecto web desarrollado con JavaScript vanilla y Vite, que consume datos de la API pública JSONPlaceholder.
La aplicación permite consultar información de posts, usuarios y todos en diferentes vistas, usando una interfaz sencilla y responsiva con Bootstrap.

Tecnologías utilizadas

• HTML5
• CSS3
• JavaScript (ES Modules)
• Vite
• Bootstrap
• JSONPlaceholder API

Árbol básico del proyecto

vanilla/
├─ index.html
├─ about.html
├─ posts.html
├─ todos.html
├─ users.html
├─ package.json
└─ src/
   ├─ main.js
   ├─ about.js
   ├─ style.css
   ├─ prueba.js
   └─ service/

Cómo ejecutar el proyecto

1. Clona el repositorio: git clone https://github.com/MaxRo89/JSONPLACEHOLDER-FRONTEND.git
2. Entra a la carpeta del proyecto: cd JSONPLACEHOLDER-FRONTEND
3. Instala las dependencias: npm install
4. Inicia el servidor de desarrollo: npm run dev
5. Abre en el navegador la URL que muestra Vite (normalmente http://localhost:5173).

También puedes generar una versión de producción con npm run build y previsualizarla con npm run preview.

Datos del estudiante

• Nombre del estudiante: Rosendo Maximiliano Rodriguez Alvarado
• Ricardo José Chable Montero
• Nombre del profesor: Jesus Alejandro Flores

Materia

Desarrollo de Aplicaciones con biblioteca JS

Conclusión

Este proyecto cumple con el objetivo de mostrar cómo consumir una API externa y presentar sus datos en una interfaz web clara y organizada, aplicando JavaScript puro, estructura modular y buenas prácticas básicas de desarrollo frontend.

Se utilizo el framework de Bootstrap debido a que maneja estilos mas responsivos, añado tambien la experiencia que tengo manejando este framework.