Este proyecto es la migración a ReactJS del sitio web originalmente desarrollado en HTML, CSS y Bootstrap para la tienda de ropa alternativa/gótica "ModaSur". El objetivo es modernizar la aplicación utilizando un framework basado en JavaScript, implementando componentes reutilizables, manejo de estado y funcionalidades interactivas mejoradas.
El sitio mantendrá sus 4 secciones principales: Inicio, Sobre Nosotros, Servicios y Contacto. Se priorizará un diseño responsivo y una estructura de código semántica y modular.
Tecnologías Principales:
- ReactJS (^18.x): Para la construcción de la interfaz de usuario basada en componentes.
- TypeScript (^5.x): Para un desarrollo más robusto y tipado estático.
- React-Bootstrap (^2.x): Para la maquetación y componentes predefinidos con el estilo de Bootstrap.
- Vite: Como herramienta de construcción y servidor de desarrollo rápido.
- HTML5, CSS3: Como base estructural y para estilos personalizados.
Funcionalidades Clave (según requerimientos de evaluación):
- Migración del formulario de contacto a un componente React.
- Validación de campos en el formulario (incluyendo formato de correo electrónico).
- Almacenamiento de los datos del formulario en LocalStorage.
- Implementación de todas las secciones usando componentes React funcionales.
- Estructura de proyecto organizada (carpetas para componentes, páginas/secciones, interfaces).
Secciones del Sitio:
- Inicio: Navbar, Carrusel de imágenes/productos destacados, Contenido introductorio, Footer.
- Sobre Nosotros: Navbar, Información sobre la empresa/marca, Footer.
- Servicios: Navbar, Presentación de 6 servicios/categorías de productos, Footer.
- Contacto: Navbar, Formulario de contacto funcional (con validación y guardado en LocalStorage), Mapa , Footer.
Estilo Visual: Se mantendrá la estética oscura, post-punk, gótica del diseño original.
Autor: Diego Lopez Abarca - Estudiante INACAP, Sede Puente Alto. Repositorio Base del Curso: react-30042025