<div align="center">
<img src="https://github.com/mpcgt/saguenay/blob/main/src/assets/images/logo/saguenay_white_letters.png?raw=true" alt="Logo" />
  <br /><br />
<img src="https://github.com/mpcgt/saguenay/blob/main/src/assets/images/image_readme.png?raw=true" alt="Saguenay" />

# Tu red, tu mundo. 🌍
La **red social Saguenay** es una **plataforma dinámica** que permite a los usuarios **crear y unirse a grupos** en función de sus **diversos intereses**, como los **deportes**, el **arte**, el **medio ambiente** y **mucho más**. Al reunir a personas que comparten las mismas **pasiones**, la red fomenta el **intercambio** y la **interacción** dentro de la **comunidad**.

**Español** · [Francés](../fr/README.md) · [Inglés](../../../README.md) · [Sitio oficial](https://saguenay.vercel.app/) · [Ayuda (Beta)](https://help.saguenay.vercel.app) · [Código de conducta](../../../CODE_OF_CONDUCT.md) · [Licencia](../../../LICENSE.md)

**¡Comparta Saguenay con su familia y amigos!**
[![Facebook](https://img.shields.io/badge/Facebook-%231877F2.svg?style=for-the-badge&logo=Facebook&logoColor=white)](https://www.facebook.com/sharer/sharer.php?u=https://saguenay.vercel.app/) [![X](https://img.shields.io/badge/X-%23000000.svg?style=for-the-badge&logo=X&logoColor=white)](https://twitter.com/intent/tweet?url=https://saguenay.vercel.app/&text=Prueba%20Saguenay,%20la%20red%20social%20de%20c%C3%B3digo%20abierto%20sin%20anuncios%20ni%20rastreadores%20raros.%20%F0%9F%98%8E) [![Pinterest](https://img.shields.io/badge/Pinterest-%23E60023.svg?style=for-the-badge&logo=Pinterest&logoColor=white)](https://pinterest.com/pin/create/button/?url=https://saguenay.vercel.app/&media=&description=Prueba%20Saguenay,%20la%20red%20social%20de%20c%C3%B3digo%20abierto%20sin%20anuncios%20ni%20rastreadores%20raros.%20%F0%9F%98%8E) [![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/shareArticle?mini=true&url=https://saguenay.vercel.app/) [![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:?&subject=&cc=&bcc=&body=https://saguenay.vercel.app/%0APrueba%20Saguenay,%20la%20red%20social%20de%20c%C3%B3digo%20abierto%20sin%20anuncios%20ni%20rastreadores%20raros.%20%F0%9F%98%8E)
</div>

> \[!IMPORTANT]
>
> **Danos una estrella**, recibirás todas las notificaciones de lanzamiento de GitHub sin demora ⭐️

## ✨ **Características**
* **Descubrimiento:** te permite **descubrir contenido nuevo o recomendado**. *Esto puede incluir **sugerencias de amigos**, **grupos** o **publicaciones basadas** en las **preferencias e intereses del usuario**.
* **Grupos:** te lleva a una sección donde puedes ver los **grupos a los que perteneces** o **explorar nuevos grupos**. Los grupos suelen crearse en torno a **intereses o comunidades compartidas**.
* **Guardados:** *Muestra contenido que el usuario ha **etiquetado o guardado** para **referencia futura**. Esto puede **incluir publicaciones, enlaces o artículos**.
* **Mensajes:** te mantiene **al día con las novedades de Saguenay**. Muestra **noticias relevantes**, **actualizaciones** o **eventos que están ocurriendo**, para mantener a los usuarios **al día** con lo que sucede a su alrededor.
* **Perfil:** *Dirige al **perfil personal del usuario**. Esta página muestra **información del usuario** como **nombre**, **foto**, **biografía**, **publicaciones** y **otra información personal**.
* **Configuración:** permite **modificar la configuración de la aplicación** o de la **cuenta de usuario***. Esto normalmente incluye **preferencias de privacidad***, **notificaciones*** y **otras opciones de personalización**.
* **Acerca de:** proporciona información sobre el **sitio**, como su **misión**. Este suele ser un lugar **para obtener más información** sobre los **objetivos** de la plataforma.
* **Ayuda:** **ofrece ayuda** y **soporte a los usuarios**. Esto puede incluir **preguntas frecuentes**, **artículos de soporte** o **formas de contactar con el soporte técnico para resolver problemas**.

*Actualmente en desarrollo

> ✨ Se agregarán más funciones cuando Saguenay evolucione.

  
> \[!TIP]
>
> Puedes ver el progreso del desarrollo del sitio web de Saguenay [en este enlace](https://github.com/users/mpcgt/projects/6)

## 💻 **Tecnologías utilizadas**
* **Front-end:** [React](https://react.dev), [TypeScript](https://www.typescriptlang.org/), [TailwindCSS](https://tailwindui.com/)
* **Back-end:** [Node.js](https://nodejs.org) y [Vite](https://vite.dev/)
* **Base de datos:** [Supabase](https://supabase.com/)
* **Hosting:** [Vercel](https://vercel.com)
* **IA:** [MistralAI](https://mistral.ai/)

## ⚡ **Rendimiento**

<img src="https://github.com/mpcgt/saguenay/blob/main/src/assets/images/perf.png?raw=true" alt="Performance" />

## ⌨️ **Clonar**
Clonarlo para desarrollo local:

```fish
$ git clone https://github.com/mpcgt/saguenay.git
$ cd saguenay
$ npm install
$ npm run dev
```
> \[!NOTE]
>
> Cuando vayas a clonar, faltarán varios archivos (.gitignore) como:
>
> - [x] Configuración de la base de datos y dependencias (tendrás que configurarlas tú mismo).
> - [x] Dependencias, puedes instalar módulos con NPM (mira en la importación al principio de cada archivo).

> [!CAUTION]
> Reemplace INMEDIATAMENTE las imágenes/logotipo de Saguenay con sus propias imágenes (las que desee).

## 📨 **Contacto**
* **GitHub** : [GitHub](https://github.com/mpcgt/saguenay/discussions/new/choose)
* **Correo electrónico** : [Email](mailto:sgn.ntwk@gmail.com)

## 📜 **LICENCIA**
Este proyecto tiene licencia [GNU General Public License v3.0](./LICENSE.md).