JavGuerra,
Durante el año 2022 cursé el Bootcamp de Desarrollo Web Full Stack que Becas Santander llevó a cabo en colaboración con Fundación Universia, Indra y The Bridge.
El día 17 de noviembre finalizó la formación con un acto de entrega de diplomas on-line en el que tuve ocasión de mostrar mi proyecto final «Tienda 8 bits» junto con Alex, otro de mis compañeros, quien también expuso su proyecto.
A parte de los compañeros y los profesores, asistieron al evento Alejandra Cuenca y Diego Díaz por parte de The Bridge, Cristina Soriano por Minsait/Indra, y Beatriz Arribas y Carlos Sánchez por Universia.
Video
El evento se llevó a cabo de forma presencial y on-line, y de él he rescatado el video de mi presentación que comparto a continuación.
Descripción técnica
Back end
Tecnologías empleadas: Node.js + Express + MongoDB + Mongoose
Módulos: compression, cors, helmet, dotenv, nodemon, mongoose-paginator-v2
Características destacadas de la API:
- Emplea módulos ESM.
- Está preparada para el versionado de la API.
- Está preparada para el uso de BBDD MongoDB local o en remoto (config.js).
- Preserva la seguridad del acceso a la API con el uso del módulo helmet.
- Devuelve las rutas de los enlaces a las fotos y logos dinámicamente.
- Cuenta con documentación de la API.
Front end
Tecnologías empleadas: React + Vite, axios, react-router-dom, react-hook-form
Módulos propios: setSpin, inactiveBtn, compareTwoObjects
Características destacadas de la App:
- El diseño es adaptable (responsive) según el dispositivo.
- CSS propio. No usa frameworks.
- Es accesible (revisado con el complemento WAVE).
- Utiliza fuentes de Google Font en los títulos para preservar la accesibilidad.
- Implementa el protocolo Open Graph para la correcta inserción de la web en RRSS.
- Es compatible con Progessive Web Aplication (PWA) a través de fichero manifest.json, por lo que la página puede ser instalada en dispositivos móviles como una web app.
- Ha sido probada con los navegadores web Firefox y Chrome.
- Tratamiento de imágenes con software libre: Gimp e InkScape.
Fuentes
- Wikipedia
- Enciclopedia «Mi Computer», editorial Delta, 1984.
Licencias
Sobre el código fuente: GNU GENERAL PUBLIC LICENSE Version 3
Sobre el contenido de la web: (CC) BY-SA 3.0
Sobre las fotos: Son propiedad de sus respectivos autores.
Sobre las fuentes de letra: Google Fonts
Sobre los iconos: Heroicons
Material usado sin ánimo de lucro bajo criterios didácticos y formativos.
Acceder a la aplicación
Enlaces
- Aplicación on-line
- Documentación de la API
- Enunciado de la práctica en PDF
- Repositorio en GitHub
- Video de la presentación en YouTube
- Presentación en PDF
Artículos informativos elaborados por el autor relacionados con esta práctica::