Proyecto LAB2 – Emprendimiento Digital (Frontend)
Proyecto académico desarrollado en el marco de la Tecnicatura en Programación, basado en un emprendimiento real propio, con el objetivo de aplicar los conocimientos iniciales de desarrollo web y diseño de interfaces.
La aplicación es una web sin backend, enfocada principalmente en el frontend y en lo visual, utilizando db.json para simular la persistencia de datos y la lógica de interacción entre clientes y empleados.
Contexto académico
Este proyecto fue realizado en una etapa inicial de la carrera, con un enfoque didáctico y práctico, para demostrar la comprensión de los fundamentos del desarrollo web, la organización de un proyecto y la interacción básica con datos simulados.
Funcionalidades principales
Usuarios / Clientes
- Página inicial informativa
- Visualización de productos disponibles
- Selección de productos
- Formulario de reserva de productos
- Envío de la reserva para contacto posterior (externo)
Empleados
- Sistema de login básico
- Carga y actualización de stock de productos
- Visualización de productos reservados por los clientes
- Acceso a la información necesaria para comunicarse con ellos
Estructura del proyecto
index.html → Página principal
productos.html → Listado de productos
login.html → Acceso para empleados
db.json → Simulación de base de datos
css/ → Estilos visuales
js/ → Lógica de la aplicación
🛠️ Tecnologías utilizadas
- HTML5
- CSS3
- JavaScript
db.json (simulación de base de datos)
- Git & GitHub
🎯 Objetivo del proyecto
- Aplicar conocimientos iniciales de desarrollo web
- Practicar la lógica frontend sin backend
- Simular un sistema real de reservas
- Diseñar una interfaz clara, simple y funcional
- Representar digitalmente un emprendimiento real
Aclaraciones importantes
- El proyecto no cuenta con backend real
- La base de datos es simulada mediante
db.json
- El sistema de login es básico y solo con fines educativos
- El enfoque principal es visual y estructural, acorde al nivel académico en el que fue desarrollado
Aprendizajes obtenidos
- Organización de un proyecto web
- Manipulación del DOM con JavaScript
- Manejo de eventos
- Lectura y escritura de datos simulados
- Separación de responsabilidades entre HTML, CSS y JavaScript
- Importancia de la experiencia de usuario desde etapas iniciales
Autora
Karen Urueña
Proyecto académico desarrollado en el inicio de la Tecnicatura en Programación.