⚡️ Metti

Este proyecto es un sitio web diseñado para facilitar la conexión y creación de grupos basados en intereses comunes, permitiendo a los usuarios descubrir y unirse a eventos y comunidades en línea. Desde grupos de aficionados a la programación hasta amantes de la gastronomía, proporcionamos una interfaz intuitiva y amigable para la interacción del usuario, asegurando una experiencia de comunidad enriquecedora y accesible.

🎯 Contenido

Descripción

Meeti es una plataforma centrada en la comunidad que permite a los usuarios con intereses similares conectarse a través de eventos y grupos. Con una variedad de categorías que van desde la tecnología hasta la cocina y más, cada grupo y evento se presenta con el objetivo de fomentar la interacción, el aprendizaje y la colaboración entre sus miembros. Los visitantes pueden explorar eventos, unirse a grupos existentes, crear sus propios eventos, leer descripciones detalladas y participar en actividades comunitarias de manera sencilla.

Tecnologías y Herramientas

HTML5: Para la estructura de la página.
CSS3: Para los estilos y el diseño visual.
SCSS: Preprocesador usado para generación de código css.
Gulp: Automatizador de tareas para la compilación de sass y optimización de imagenes.
SVG Avif Webp: Formatos de imagen para gráficos e iconos de alta calidad.
Responsive Design: Asegura que la web sea accesible en cualquier dispositivo.

Estructura del Proyecto

build/css/: Carpeta con los estilos compilados.
build/img/: Carpeta con imágenes optimizadas para el sitio.
src/fonts/: Carpeta con fuentes locales para el proyecto.
favicon/: Iconos de la aplicación para diferentes dispositivos y navegadores.
index.html: Página principal.

Uso

Este proyecto utiliza Gulp para automatizar el proceso de compilación de archivos SCSS a CSS, facilitando el desarrollo y la implementación. Asegúrate de seguir los siguientes pasos para configurar tu entorno de desarrollo.

Antes de comenzar, necesitarás tener Node.js y npm (Node Package Manager) instalados en tu máquina.

Instalación

Desde el directorio raíz del proyecto, ejecuta el siguiente comando para instalar las dependencias necesarias, incluido Gulp y el compilador de Sass. Esto leerá el archivo package.json y instalará las dependencias listadas en devDependencies.

npm i

Para compilar los archivos SCSS a CSS utilizando Gulp, puedes utilizar uno de los siguientes comandos

gulp dev

Contribución

Si estás interesado en contribuir al proyecto, por favor sigue estos pasos:

Haz un fork del repositorio.
Crea una nueva rama para tu característica (git checkout -b mi-nueva-característica).
Compromete tus cambios (git commit -am 'Añadir alguna característica').
Empuja la rama (git push origin mi-nueva-característica).
Abre un pull request.