Skip to content

jguilhermesl/board-app

Repository files navigation

Board App

Link da aplicação: https://jgsl-board.netlify.app/

💼 Ajustes e alterações

O projeto foi finalizado.

  • Page Home
  • Page Board
  • Componetização
  • Autenticação com NextAuth
  • Implementando com Firebase
  • Estilização com scss
  • Estados e hooks
  • Page Board/Id
  • Método de Pagamento
  • Diferenças entre Donater e Não-Donater

📁 Páginas do projeto

  • Home: apresentação do projeto e visualização dos apoiadores.
  • Board: lista de tarefas, onde o usuário pode adicionar, remover, excluir e visualizar as tarefas.
  • Inspect: visualização da tarefa por meio do ID.
  • Donate: o usuário pode apoiar o projeto, efetuando o pagamento pelo paypal.

👨‍💻 Tecnologias

Tecnologias usadas no projeto:

  • HTML
  • SASS
  • TypeScript
  • NextJS
  • NextAuth
  • Firebase
  • React Toastify
  • PayPal developer

💼 Como o projeto funciona

O projeto consiste em um app de tarefas com Login por meio da biblioteca NextAuth. O usuário pode logar com a conta do GitHub. * O usuário só pode acessar a page 'Board' caso esteja logado. Na page 'Board' ele pode adicionar, remover e visualizar tarefas. Todas as tarefas são salvas no banco de dados fornecido pela Google, firebase. Quando o usuário apoia o projeto pagando R$1,00 pelo PayPal ele tem acesso a ferramentas que os não pagantes não possuem. O usuário tem mensagens exclusivas, pode inspecionar a tarefa e também editar a tarefa. Além de a foto do usuário aparecer nos Apoiadores, na página 'Home'.

🤝 Colaborador

Foto do João Guilherme no GitHub
João Guilherme

📕 Requisitos

Depois de iniciar 🏁, você precisa ter o Git e o Node instalados.

🏁 Iniciar

# Clonar o projeto
$ git clone https://github.com/jguilhermesl/board-app
# Acesse
$ cd board-app
# Instalar dependências
$ yarn ou npm 
# Rodar o projeto
$ npm run dev ou yarn dev
# O servidor será inicializado em <http://localhost:3000>