Plataforma web profesional de gestión visual, portafolio y reservas para servicios fotográficos de MEL STUDIO. Permite a los clientes explorar trabajos fotográficos clasificados por categorías, consultar paquetes de precios, agendar sesiones personalizadas y enviar opiniones y mensajes de contacto directo.
| Característica | Descripción |
|---|---|
| Web Ap (Landing + Portafolio) | Presentación estética de servicios fotográficos clasificados por categorías visuales (Turismo, Eventos, Productos). |
| Sistema de Reservas | Formulario estructurado para agendar sesiones con selección de fecha, hora, tipo de sesión y paquete de servicio, conectado a WhatsApp. |
| Muro de Opiniones | Sistema de visualización de testimonios y modal interactivo para enviar nuevas valoraciones. |
| Diseño Responsivo | Interfaz completamente adaptable a dispositivos móviles, tablets y pantallas de escritorio. |
El proyecto está organizado siguiendo el patrón arquitectónico modular basado en funcionalidades (Feature-Based Architecture):
src/
├── assets/
├── common/
│ ├── components/
│ └── layout/
├── features/
│ ├── about/
│ ├── contact/
│ ├── home/
│ ├── portfolio/
│ ├── reviews/
│ └── services/
├── routes/
├── styles/
└── utils/
- React.js (v18+)
- Vite (Entorno de desarrollo y empaquetador ultrarrápido)
- React Router DOM (Gestión declarativa de rutas y navegación SPA)
- CSS3 Moderno (Variables CSS, Flexbox, CSS Grid y Metodología BEM)
- React Icons (Iconografía ligera y escalable)
- Clonar el repositorio:
git clone https://github.com/Jorgito-cc/MEL_ESTUDIO.git- Entrar al directorio del proyecto:
cd MEL_ESTUDIO- Instalar las dependencias:
npm install- Iniciar el servidor de desarrollo:
npm run dev- Construir para producción:
npm run build-
Diseñadora Gráfica & Fotógrafa: Melisa Uria
Responsable de la identidad visual, dirección artística, paleta de colores y composición fotográfica. -
Desarrollador Frontend: Jorge Choque Calle
Encargado de la arquitectura modular del software, implementación de la interfaz de usuario, lógica de reservas, diseño responsivo y optimización.
- Sitio Web Desplegado: https://melstudio.netlify.app