O orange notes chegou para centalizar todas as suas ferramentas de estudos em um único lugar, faça anotações, salve links de cursos, use pomodoro time para se concentra em suas tarefas e mais...
- Crianção de conta
- Login
- Página home com menu e suas ultimas anotações
- Página de listagem de anotações
- Página de detalhes de anotação
- Página para atualizar anotações
- Modal para excluir anotação
- Página para Guarda link de seus cursos
- modal para criar, editar e excluir link
- Card clicável para ir direto para o curso
- Página com pomodoro time com ajuste de tempo
- Modal para configurar
- Página de detalhes da conta e botão para deletar conta
- Contador de dias consecutivos que volta a 1 se ficar 24 Offline
- O mapa mental era o diferencial do meu site dos outros, mas devido o curto tempo não foi possivel desenvolver
- O carousel funciona com touch no mobile, assim não precisando das setas, porém no desktop o touch não está disponivel
- para testa o carousel no desktop abra o devtools (F12) e clique em "ativar emulação de dispositivo ou mobile"
- Ao olhar o codigo irá perceber que alguns components usam as cores do thema e outros tem a propria cor, devido ao curto tempo os themas foi deixado de lado
- Clicando fora do modal de criação ou edição de curso, o modal ira resertar
Antes de começar, verifique se você atendeu aos seguintes requisitos:
- Você instalou a versão mais recente do
Nodejs - Além de ter o
PostgreSQLinstalado na sua márquina
Para instalar, siga estas etapas:
npm install
ou
yarn add
Para usar, siga estas etapas:
npm run dev
Cientifique-se de verificar as variaveis de ambiente
USER = postgres user
HOST = postgres host
DATABASE = postgres host
PASSWORD = "postgres pass"
DBPORT = postgres port (padrão: 5432)
SECRET_JWT = "hash para geranção do seu token"
As seguintes ferramentas foram usadas na construção do projeto: