Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jmatochepascual/carolinaspa

CarolinaSpa
https://github.com/jmatochepascual/carolinaspa

css-flexbox-layout css-grid-layout css3 gulp html-semantics html5 nodejs sass

Last synced: about 1 month ago
JSON representation

CarolinaSpa

Awesome Lists containing this project

README 

        
# ⚡️ CarolinaSpa



Este proyecto es un sitio web diseñado para ofrecer servicios y productos de spa de primera calidad, facilitando a los usuarios la búsqueda y reserva de tratamientos de bienestar. Desde masajes relajantes hasta cuidado de la piel avanzado, proporcionamos una interfaz sencilla y elegante para la interacción del usuario, garantizando una experiencia serena y rejuvenecedora.



## 🎯 Contenido



1. 📝[Descripción](#descripción)

2. 🛠️[Tecnologías y Herramientas](#tecnologías-y-herramientas)

3. 🚀[Estructura del Proyecto](#estructura-del-proyecto)

4. 🧑‍💻[Uso](#uso)

5. 📌[Instalación](#instalación)

6. 🏗️[Contribución](#contribución)

7. ✨[Licencia](#licencia)

8. 🙈[Imagen de Referencia](#imagen-de-rereferencia)

9. 🌐[Ver Proyecto en la WEB](#ver-proyecto-en-la-web)



## Descripción



CarolinaSpa es una plataforma dedicada al bienestar y la relajación que conecta a los usuarios con una variedad de servicios y productos de spa. Cada servicio está diseñado para proporcionar máxima relajación y beneficios para la salud, destacándose por su calidad y atención al detalle. Los visitantes pueden explorar diferentes tratamientos, leer descripciones detalladas, ver imágenes relajantes y reservar citas en línea fácilmente.



## 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:



1. Haz un fork del repositorio.

2. Crea una nueva rama para tu característica (`git checkout -b mi-nueva-característica`).

3. Compromete tus cambios (`git commit -am 'Añadir alguna característica'`).

4. Empuja la rama (`git push origin mi-nueva-característica`).

5. Abre un pull request.



## Licencia



Este proyecto está bajo la licencia [MIT](https://opensource.org/licenses/MIT).



## Imagen de Rereferencia



![](https://i.postimg.cc/k5k0N7F1/carolina-Spa.png)



## Ver Proyecto en la WEB



Puedes ver el proyecto en funcionamiento [aquí](https://jmatochepascual.github.io/CarolinaSpa/).



Todos los derechos reservados CarolinaSpa 2024 ©.