TODO REACT

Sobre • Funcionalidades • Layout • Como executar • Tecnologias • Contribuidores • Autor • Licença

💻 Sobre o projeto

ToDo React - é uma aplicação que executa uma lista de tarefas simples que permite, criar novas tarefas, editar caso as tarefas estejam concluídas ou não e deletar tarefas

Esse projeto foi desenvolvido como desafio 1 do Ignite na trilha de ReactJS do curso da pela Rocketseat](https://www.rocketseat.com.br/ignite#trilhas).

---

⚙️ Funcionalidades

• O usuário pode cadastrar suas tarefas diárias para controlar suas ações:
  • Cadastrar uma nova tarefa
  • Editar o status de uma tarefa criada entre concluída e não concluída
  • Deletar uma tarefa existente

---

🎨 Layout

O layout da aplicação está disponível no Figma:

---

Web

Mobile

---

🚀 Como executar o projeto

💡Para executar o projeto corretamente, será necessário iniciar o JSON-Server para que as funções de cadastro possam funcionar

1. Backend (arquivo server.json )
2. 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:5173

---

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Website (React + TypeScript)

• Phosphor React
• Axios
• React Hook Form
• Zod
• Radix-UI

---

Server (NodeJS + TypeScript)

• Json Server

---

🦸 Entre em contato

---

📝 Licença

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Artur Ribeiro 👋🏽 Entre em contato!

---

Versões do README

Português 🇧🇷
Footer © 2023 GitHub, Inc. Footer navigation Terms Privacy Security Status Docs Contact GitHub Pricing API Training Blog