Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Contribuidores • Autor • Licença
É um gerenciador de tarefas que permite gerenciar uma tarefa entre criação, Andamento, conclusão e exclusão. A ferramenta também permite alterar o conteudo de uma tarefa durante a sua utilização
- Listar Tarefas: O usuário pode enxergar todas as tarefas criadas separadas primeiro por status e em seguida por ordem de criação
- Naturalmente o usuário pode cadastrar uma nova tarefa
- O usuário será capaz de editar o conteudo de texto de uma tarefa enquanto ela ainda não foi concluída
- O usuário poderá Alterar o status de uma tarefa entre Pendente > Em Andamento > Concluida
- Deletar uma tarefa existente
Não usei nenhum Layout pronto ou designSystem para esse projeto, apenas aproveitei algumas imagens da interet para idealizar o projeto
💡Para executar o projeto corretamente, será necessário iniciar o JSON-Server para que as funções de cadastro possam funcionar
- Backend (arquivo server.json )
- Frontend (pasta do projeto)
Siga os passoas abaixo para a aplicação possa funcionar corretamente
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como exemplo VSCode
O Backend precisa estar rodando para que as tasks possam funcionar, para isso:
# Clone este repositório
$ git clone https://github.com/ArturRibeiro01/react_tasks.git
# Acesse a pasta do projeto no terminal/cmd
$ cd pasta_do_projeto
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev:server
# O servidor inciará na porta:3333 - caso queira ver as rotas funcionando acesse http://localhost:3333/tasks no seu navegador ou use seu App de requisições
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:3000 - acesse http://localhost:5174
As seguintes ferramentas foram usadas na construção do projeto:
Website (React + TypeScript)
- Gerenciador de estados - ContextAPI / use-context-selector
- Pré-processador CSS - Stitches - (CSS-IN_JS)
- framework/biblioteca de estilo - RadixUI
- pacote de ícones - Phosphor React
Server (NodeJS + TypeScript)
Este projeto esta sobe a licença MIT.
Feito com ❤️ por Artur Ribeiro 👋🏽 Entre em contato!
Português 🇧🇷
Footer
© 2023 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact GitHub
Pricing
API
Training
Blog