queering the map

Queer o Mapa

Queering the Map é uma plataforma comunitária onde indivíduos anonimamente fixam suas experiências e histórias queer em locais específicos em um mapa global.

Configurar

Você tem duas opções para configurar o projeto: uma configuração rápida para trabalho somente frontend ou uma configuração completa com Supabase.

Opção 1: configuração rápida para trabalho somente front-end

Esta abordagem é mais rápida e permite trabalhar no frontend sem configurar o Supabase. Observe que os pop-ups não mostrarão texto se você escolher esta opção.

1. Instale dependências com npm ci .
2. Execute o script seed para gerar dados simulados: npm run seed-data .
3. Copie .env.example para .env : cp .env.example .env .

Opção 2: Configuração Completa com Supabase

Essa abordagem é necessária se você quiser trabalhar também no backend. Demora mais para configurar, mas oferece um ambiente de desenvolvimento completo, alinhado com o que usamos na produção.

1. Instale dependências com npm install .
2. Configure um projeto Supabase (local) com a CLI oficial.
3. Defina as variáveis ​​de ambiente.
   1. Copie o arquivo .env.example para .env (manualmente ou com cp .env.example .env ).
   2. Obtenha seu SUPABASE_URL e SUPABASE_ANON_KEY da saída de supabase start .
4. Execute as migrações de banco de dados localmente com supabase db reset .
5. Busque os dados do Supabase: npm run fetch-data .

Em desenvolvimento

Para iniciar um servidor de desenvolvimento:

npm run dev

Teste

Para testar o banco de dados certifique-se de que a extensão pgTap esteja habilitada no postgres (mais informações). Depois, você pode executar: supabase test db .

Implantando e construindo para produção

Para usar o Supabase como backend remoto, certifique-se de vincular seu desenvolvimento local ao seu projeto Supabase remoto:

1. Certifique-se de ter uma conta Supabase e conecte-a ao cli supabase: supabase login
2. Vincule um projeto remoto específico supabase link --project-ref <project-ref> (mais informações)
3. Execute migrações em banco de dados remoto supabase db push (mais informações)
4. Certifique-se de que os env vars SUPABASE_URL e SUPABASE_ANON_KEY apontem para o projeto de produção correto e não para os contêineres locais. Você pode obtê-los no painel do seu projeto Supabase.

Para criar uma versão de produção do aplicativo:

npm run build

Configurar proteção Captcha

Para proteção Captcha dos envios de pontos, usamos Cloudflare Turnstile. Depois de criar um widget lá, preencha os valores corretos para as variáveis ​​env:

PUBLIC_CLOUDFLARE_TURNSTILE_SITE_KEY
CLOUDFLARE_TURNSTILE_SECRET

Para obter mais informações, consulte este guia: https://developers.cloudflare.com/turnstile/get-started/.