- Cog Tec
Nosso projeto tem a intenção de ajudar alunos que estão estudando os conceitos de Teoria Sociocultural e estejam com dificuldades na cadeira de Cognição e suas Tecnologias Digitais. A plataforma funcionará como uma atividade interativa e gamificada, trazendo um conteúdo mais fácil e rápido de digerir aos poucos.
Figma: Protótipo de Alta Fidelidade
| nome | função |
|---|---|
| Shyanne | Líder de Projeto |
| Pedro Henrique | UI Designer |
| Yves Klavdian | UI Designer |
| Kodie Freitas | Frontend Dev |
| Antonio Guilherme | Frontend Dev |
| Maria Eduarda | Fullstack Dev |
| Paulo Magalhães | Backend Dev |
- Node.js
- Next.js
- Typescript
- Supabase
- Tailwindcss
Tenha certeza de ter o Node.js instalado.
Clone esse repositório localmente (ou cire seu ppróprio fork):
git clone https://github.com/DIVER-study/diver-app.gitOBS: A branch mais atualizada do repositório é a dev. Porém a main terá sempre a versão mais estável do projeto. e será sempre a versão de produção, ou seja a versão que está no link diver-app O desenvolvimento dos requerimentos são feitos em branchs separadas
Clonando uma braanch específica
Você pode clonar uma branch específica com esse comando:
# git clone https://github.com/DIVER-study/diver-app.git -b <nome-da-branch>
git clone https://github.com/DIVER-study/diver-app.git -b devNa pasta do projeto, crie um arquivo com nome: .env.local
Recomendado que tenha ativada as opções 'mostrar arquivos ocultos' e 'mostar extensões de arquivos' do explorer
Dentro do .env.local coloque:
NEXT_PUBLIC_SUPABASE_URL=<url-publico-do-projeto-no-supabase>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<chave-anonima-do-supabase>Pegue as chaves secretas com um dos devs, ou no seu próprio projeto no supabase, e coloque elas nos lugares adequados.
Criando seu próprio projeto no Supabase
No site do Supabase, faça ou entre em uma conta e crie um novo projeto. Preencha todos os detalhes que o supabase pedir.
Com um novo projeto criado, na barra de naavegação clique em connect:
Um novo popup aparecerar com novas opções.
Procure por App Frameworks, selecione as opções de NextJS e SupabaseJS
e suas chaves secretas estrão disponíveis.
Supabase utiliza templates de email para enviar links para os usuários confirmarem seu email ou redefinir sua senha.
Para que possa fazer isso no seu próprio projeto do Supabase, utilize os templetes encontrados para:
- Confirmação de email confirmation.html
- Redefinição de senha recovery.html
Copie o html desses arquivos e cole eles nos templates adequados
você pode encontrar os templates aqui:
Nossas tabelas, funções, triggers, políticas e buckets podem ser criadas com o seguinte SQL:
veja o arquivo: init_project.sql você pode copiar o código do arquivo no editor de sql do Supabase
Para que o Supabase possa interagir com a aplicação, você deve indicar a ele qual o domínio da sua aplicação. O domínio usado no processo de desenvolvimento é https://localhost:3000, caso já tenha um domínio próprio de produção, utilize-o.
você pode encontrar as configurações de url na seção de autenticação:
Em seguida instale os pacotes do projeto:
yarn installComo instalar o Yarn
Instale o yarn com o npm ou com sua distribuição linux
npm i -g yarnAtive o corepack como admin
sudo corepack enable
# no windows, abra o prompt de comando como admin
# corepack enableE dentro da pasta de projeto atualize o yarn e instale os pacotes
yarn set version berry
yarn installNosso projeto utiliza Next.js e foi inicializado com create-next-app.
Agora, inicialize o servidor de desenvolvimento:
yarn devAbra http://localhost:3000 no seu navegador e veja o resultado.
Você pode editar as páginas na pasta app/. As páginas atulizam conforme as edita.
Acesse a tabela nesse link: Tabela de Requisitos