queering the map

Cuestionando el mapa

Queering the Map es una plataforma comunitaria donde las personas fijan de forma anónima sus experiencias e historias queer en ubicaciones específicas de un mapa global.

Configuración

Tiene dos opciones para configurar el proyecto: una configuración rápida para trabajo solo de frontend o una configuración completa con Supabase.

Opción 1: Configuración rápida para trabajo solo en el frontend

Este enfoque es más rápido y le permite trabajar en el frontend sin configurar Supabase. Tenga en cuenta que las ventanas emergentes no mostrarán texto si elige esta opción.

1. Instale dependencias con npm ci .
2. Ejecute el script semilla para generar datos simulados: npm run seed-data .
3. Copie .env.example en .env : cp .env.example .env .

Opción 2: Configuración completa con Supabase

Este enfoque es necesario si desea trabajar también en el backend. La configuración lleva más tiempo, pero proporciona un entorno de desarrollo completo, alineado con lo que utilizamos en producción.

1. Instale dependencias con npm install .
2. Configure un proyecto Supabase (local) con la CLI oficial.
3. Establezca las variables de entorno.
   1. Copie el archivo .env.example a .env (manualmente o con cp .env.example .env ).
   2. Obtenga su SUPABASE_URL y SUPABASE_ANON_KEY de la salida de supabase start .
4. Ejecute las migraciones de base de datos localmente con supabase db reset .
5. Obtenga los datos de Supabase: npm run fetch-data .

Desarrollo

Para iniciar un servidor de desarrollo:

npm run dev

Pruebas

Para probar la base de datos, asegúrese de que la extensión pgTap esté habilitada en postgres (más información). Luego, puede ejecutar: supabase test db .

Implementación y construcción para producción

Para usar Supabase como backend remoto, asegúrese de vincular su desarrollo local con su proyecto remoto de Supabase:

1. Asegúrese de tener una cuenta de Supabase y conéctela al cli de supabase: supabase login
2. Vincular un supabase link --project-ref <project-ref> (más información)
3. Ejecute migraciones en una base de datos remota supabase db push (más información)
4. Asegúrese de que las variables de entorno SUPABASE_URL y SUPABASE_ANON_KEY apunten al proyecto de producción correcto y no a los contenedores locales. Puede obtenerlos desde el panel de control de su proyecto Supabase.

Para crear una versión de producción de la aplicación:

npm run build

Configurar la protección Captcha

Para la protección Captcha de los envíos de puntos, utilizamos Cloudflare Turnstile. Una vez que cree un widget allí, complete los valores correctos para las variables env:

PUBLIC_CLOUDFLARE_TURNSTILE_SITE_KEY
CLOUDFLARE_TURNSTILE_SECRET

Para obtener más información, consulte esta guía: https://developers.cloudflare.com/turnstile/get-started/.