Giter VIP home page Giter VIP logo

wbgreenarrow / we-nature-tasks Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 0.0 10.91 MB

A ReactJS application that helps the user manage tasks. With it, it's possible to add, edit and remove tasks, which are organized in chronological order and have a status indicating whether they are pending, in progress or completed.

Home Page: https://we-nature-tasks.vercel.app

HTML 0.89% TypeScript 62.90% SCSS 36.21%
hmtl javascript material-ui nodejs reactjs sass typescript zustand

we-nature-tasks's Introduction

WeNature Task logo

Um web app de gerenciamento de tarefas feito com ReactJS


Link da aplicação online: https://we-nature-tasks.vercel.app


🎨 Preview


📃 Sobre o projeto

Uma aplicação feita com ReactJS que ajuda o usuario a gerenciar tarefas. Com ela, é possível adicionar, editar e remover tarefas, que são organizadas em ordem cronológica e possuem um status que indica se estão pendentes, em andamento ou concluídas.

Desenvolvido para o desafio da LogNature

Funcionalidades

  • Adicionar tarefa: O usuário é capaz de adicionar uma nova tarefa com título e descrição.

  • Listar tarefas: A página inicial exibe uma lista com todas as tarefas cadastradas, ordenadas pela data de modificação. A lista conta com um filtro que busca as tarefas por status: (pendente, em andamento ou concluída), título, descrição ou data de modificação.

  • Editar tarefa: O usuário é capaz de editar o título e a descrição e mudar status de uma tarefa já existente.

  • Remover tarefa: O usuário é capaz de remover uma tarefa cadastrada.



🛠 Tecnologias utilizadas

Front-End

  • ⚛ ReactJs (Vite)
  • ⚛ React Router Dom - Controle de Rotas
  • 🌈 Sass - Pré-processador CSS
  • 💠 Zustand - Gerenciador de Estado
  • 🫧 Material UI - Framework de Estilo
  • 🧑‍🚀Material Icons - Pacote de Ícones
  • 💾 Local Storage- Armazenar as Tarefas

🚀 Rodando o projeto

Pré-requisitos

  • Git
  • NodeJS
  • Yarn ou Npm

💻 Rodando o Front-End

Clone o repositório

# Clone o repositório
git clone https://github.com/WBGreenArrow/we-nature-tasks.git

Navegue até a pasta do projeto clonado e execute os comandos abaixo

# Entra na pasta do projeto 
cd we-nature-tasks

# Instalar as dependências
yarn install

Após concluir a instalação das dependências, ainda no terminal na pasta raiz do projeto, execute o comando abaixo.

# Iniciar aplicação
yarn run dev

# Após isso a aplicação pode ser utilizada acessando o endereço http://localhost:5173/

we-nature-tasks's People

Contributors

wbgreenarrow avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.