Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ltheus/studyle
O Studyle é uma aplicação que tem a finalidade de auxiliar o usuário com a organização de seus estudos e / ou tarefas, permitindo a criação de uma lista de tarefas, cada uma com um cronômetro determinado pelo usuário.
https://github.com/ltheus/studyle
javascript reactjs sass student-project study task-manager timer-application typescript
Last synced: 3 months ago
JSON representation
O Studyle é uma aplicação que tem a finalidade de auxiliar o usuário com a organização de seus estudos e / ou tarefas, permitindo a criação de uma lista de tarefas, cada uma com um cronômetro determinado pelo usuário.
- Host: GitHub
- URL: https://github.com/ltheus/studyle
- Owner: Ltheus
- Created: 2024-09-04T19:41:28.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-09T19:53:27.000Z (5 months ago)
- Last Synced: 2024-10-16T15:37:01.131Z (4 months ago)
- Topics: javascript, reactjs, sass, student-project, study, task-manager, timer-application, typescript
- Language: TypeScript
- Homepage:
- Size: 252 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# App para organização de estudos - Studyle
Desenvolvido por: Matheus Giusto Lopes
> Essa aplicação foi desenvolvida para fins acadêmicos, seguindo as aulas do curso "React: escrevendo com Typescript" da plataforma Alura. Não é recomendado o seu uso em situações reais.
## O que é o Studyle?
O ***Studyle*** é uma aplicação que tem a finalidade de auxiliar o usuário com a organização de seus estudos e / ou tarefas, permitindo a criação de uma lista de tarefas, cada uma com um cronômetro determinado pelo usuário.
## Como funciona?
Ao iniciar o Studyle, o usuário será apresentado à uma tela com os seguintes elementos:
1. Formulário para criação de tarefas, onde o usuário adicionará o nome e o tempo desejado para uma nova atividade;
2. Lista de tarefas, onde ficarão registradas as terefas criadas (que podem ser selecionadas) e finalizadas;
3. Cronômetro, onde o usuário, após selecionar uma tarefa na lista, pode clicar no botão "Começar" e iniciar a contagem de tempo para a tarefa selecionada.---
## Desenvolvimento e instalação
O Studyle foi desenvolvido utilizando tecnologias como ReactJS, para criação e interação entre componentes, e SaSS, para estilização dos conteúdos. A instalação e inicialização da aplicação requerem que o usuário possua `node.js` e `npm` instalados em sua máquina.
Para utilizá-lo, primeiro deve-se instalar o projeto, com os seguintes passos:
1. Clone o repositório remoto para sua máquina;
2. Acesse o diretório do projeto;
3. Por meio de uma interface de comando (Ex.: Bash, Powershell), rode os seguintes comandos:
`npm install` e depois `npm start`
4. Aguarde o tempo necessário e o Studyle abrirá em seu navegador padrão, na porta 8080.