Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hmontarroyos/to_do_list
Aplicação de ToDo List desenvolvido como desafio para testar os conhecimentos, esta é uma aplicação onde o usuario pode criar toDos compartilhar e excluir as tarefas que já foram feitas por ele.
https://github.com/hmontarroyos/to_do_list
css front-end html5 javascript react styled-components typescript vercel
Last synced: 3 months ago
JSON representation
Aplicação de ToDo List desenvolvido como desafio para testar os conhecimentos, esta é uma aplicação onde o usuario pode criar toDos compartilhar e excluir as tarefas que já foram feitas por ele.
- Host: GitHub
- URL: https://github.com/hmontarroyos/to_do_list
- Owner: HMontarroyos
- Created: 2023-05-23T16:49:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-28T19:26:19.000Z (over 1 year ago)
- Last Synced: 2024-04-28T04:46:15.711Z (9 months ago)
- Topics: css, front-end, html5, javascript, react, styled-components, typescript, vercel
- Language: TypeScript
- Homepage: https://to-do-list-mu-brown.vercel.app
- Size: 973 KB
- Stars: 16
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Projeto ToDo List |
Tecnologias Utilizadas |
Como Instalar o Projeto |
Como usar |
Deploy da aplicação
## Projeto ToDo List
#### Desktop
#### Mobile
O projeto toDo List é um sistema de gerenciamento de tarefas, onde o usuário pode gerenciar suas tarefas em um esquema de toDo List, podendo criar seus toDos e gerenciar cada um deles individualmente.
Na Pagina Inicial da aplicação o usuário já consegue criar um novo toDo List onde é redirecionado para a página desse toDo podendo então criar suas tarefas e atribuir a ele, podendo editar ou excluir caso tenha necessidade, pode também ir marcando as tarefas como concluidas para uma facil visualização.
O usuário ainda pode compartilhar via-email cada tarefa com seus amigos para facilitar sua produtividade .
### Algumas features futuras
- [ ] Organizar uma task como sub-task de uma task já existente
- [ ] Mover uma task para fora da task pai, transformando-a em um outra task pai ou uma task de outra task ;
### Tecnologias Utilizadas
[![React][React]][React-url]
[![Typescript][Typescript]][Typescript-url]
[![Styled_Components][Styled_Components]][Styled_Components-url]
[![Polished][Polished]][Polished-url]
[![React_Reveal][React_Reveal]][React_Reveal-url]
[![React_Toastify][React_Toastify]][React_Toastify-url]
[![Sweet_Alert2][Sweet_Alert2]][Sweet_Alert2-url]
### Utilitários
[![Vercel][Vercel]][Vercel-url]
### Como Instalar o Projeto
```sh
yarn
```
Após baixar todas as Dependências do Projeto dentro da pasta Raiz, inicie o Servidor com o Comando:
```sh
yarn start
```
### Como usar
Para Inicializar o Projeto
Abrir [http://localhost:3000](http://localhost:3000) vizualizar no Navegador.
### Deploy da aplicação
[![Deploy][Deploy]][Deploy-url]
### 🚀 Let's code! 🚀 ###
[contributors-shield]: https://img.shields.io/github/contributors/HMontarroyos/to_do_list.svg?style=for-the-badge
[contributors-url]: https://github.com/HMontarroyos/to_do_list/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/HMontarroyos/to_do_list.svg?style=for-the-badge
[forks-url]: https://github.com/HMontarroyos/to_do_list/fork
[stars-shield]: https://img.shields.io/github/stars/HMontarroyos/to_do_list.svg?style=for-the-badge
[stars-url]: https://github.com/HMontarroyos/to_do_list/stargazers
[issues-shield]: https://img.shields.io/github/issues/HMontarroyos/to_do_list.svg?style=for-the-badge
[issues-url]: https://github.com/HMontarroyos/to_do_list/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/hebertmontarroyos-developer/
[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://pt-br.react.dev/
[Typescript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[Typescript-url]: https://www.typescriptlang.org/
[Styled_Components]: https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white
[Styled_Components-url]: https://styled-components.com/
[Polished]: https://img.shields.io/badge/Polished-107C10?style=for-the-badge
[Polished-url]: https://polished.js.org/
[React_Reveal]: https://img.shields.io/badge/React%20Reveal-593D88?style=for-the-badge
[React_Reveal-url]: https://www.react-reveal.com/
[React_Toastify]: https://img.shields.io/badge/React%20Toastify-092E20?style=for-the-badge
[React_Toastify-url]: https://fkhadra.github.io/react-toastify/introduction
[Sweet_Alert2]: https://img.shields.io/badge/Sweet%20Alert%202-FA5C5C?style=for-the-badge
[Sweet_Alert2-url]: https://sweetalert2.github.io/
[Vercel]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Vercel-url]: https://vercel.com/
[Deploy]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Deploy-url]: https://to-do-list-mu-brown.vercel.app/