Todo React Simples
Sobre •
Funcionalidades •
Layout •
Como executar •
Tecnologias •
Contribuidores •
Autor •
Licença
💻 Sobre o projeto
É 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
⚙️ Funcionalidades
- 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
🎨 Layout
Não usei nenhum Layout pronto ou designSystem para esse projeto, apenas aproveitei algumas imagens da interet para idealizar o projeto
🚀 Como executar o projeto
- Backend (arquivo server.json )
- Frontend (pasta do projeto)
Siga os passoas abaixo para a aplicação possa funcionar corretamente
Pré-requisitos
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
🎲 Rodando o Backend (servidor)
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
🧭 Rodando a aplicação web (Frontend)
# 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
🛠 Tecnologias
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)
🦸 Entre em contato
📝 Licença
Este projeto esta sobe a licença MIT.
Feito com
Versões do README
Português
Footer
© 2023 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Docs
Contact GitHub
Pricing
API
Training
Blog