TasksBoard

Sobre

Organizador de tarefas, a partir da criação de notas/lembretes. Para ter acesso a criação de notas é necessário realizar login.
O login poderá ser realizado via conta Google ou conta do GitHub.
Após logado, o usuário poderá criar notas e também excluí-las.
Existe a opção do usuário ser um apoiador do projeto, realizando pagamento através do PayPal. Os apoiadores terão os seguintes diferencias dentro da aplicação: editar tarefa, foto na página inicial, página de detalhes da tarefa.

Tecnologias

Front-end:

Next.js, React, Typescript, SASS

Back-end:

Firebase

Firebase

Os dados de usuários e tarefas estão sendo armazenados no Firestore. Caso tenha alguma dificuldade ou não tenha conhecimento em configurar e criar uma coleção de dados no Firestore, recomendo fortemente que leia a documentação abaixo:

Documentação: https://firebase.google.com/docs/firestore/

Método de pagamento

Atualmente o método de pagamento está em modo teste, mas basta alterar as configurações no console developer do PayPayl para o pagamento entrar em produção e ser 100% funcional.
Documentação para realizar a integração: https://developer.paypal.com/docs/checkout/standard/integrate/

Caso queira testar esta aplicação em produção, utilize o acesso abaixo:

Email: [email protected]
Senha: apenasumteste

Variáveis de ambiente

Crie um arquivo chamado .env.local
Utilize o arquivo .env.example para se guiar
As variáveis contidas nesse aquivo se trata das credencias necessárias realizar o login via conta Google e GitHub. Para isso foi utilizado a biblioteca NextAuth.js

Abaixo estão os links para obter as credencias e configurar o login.

Provider GitHub: https://next-auth.js.org/providers/github
Provider Google: https://next-auth.js.org/providers/google

Ao fazer o deploy da aplicação e obter uma url, lembre-se de trocar a url nas configurações de cada serviço.

Instalando dependências

Na raiz do projeto, execute o comando abaixo:

npm install

Executando aplicação

• Para executar o projeto em modo de desenvolvimento:

Na raiz do projeto, execute um dos comandos abaixo:

npm run dev

ou

yarn dev

• Build da aplicação:

Execute a sequência de comandos abaixo:

1º - Criando build

  yarn build

ou

  npm run build

2º - Executando a aplicação em modo build

  yarn start

ou

  npm run start