https://github.com/emanuellacerda/povi
Aplicação pomodoro com desafios físicos e oculares ao fim de cada ciclo.
https://github.com/emanuellacerda/povi
contextapi nextjs react typescript
Last synced: 28 days ago
JSON representation
Aplicação pomodoro com desafios físicos e oculares ao fim de cada ciclo.
- Host: GitHub
- URL: https://github.com/emanuellacerda/povi
- Owner: EmanuelLacerda
- License: mit
- Created: 2021-03-06T18:09:29.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-08-16T16:53:06.000Z (almost 5 years ago)
- Last Synced: 2025-01-02T23:21:13.888Z (over 1 year ago)
- Topics: contextapi, nextjs, react, typescript
- Language: TypeScript
- Homepage:
- Size: 4.22 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Tecnologias
|
Funcionalidades |
Deploy e demonstração |
Executando a aplicação |
Licença
Povi é um projeto desenvolvido a partir do move.it, que por sua vez é o projeto que foi desenvolvido durante a Next Level Week 4. As incrementações realizadas no povi foram:
- Adicionar botão que desativa/ativa o som das notificações.
- Converter estilos para Mobile First.
- Adicionar responsividade.
- Pequena mudança nas cores do layout.
- Mudança do favicon.
O povi/move.it é uma aplicação de produtividade que une a técnica de Pomodoro com exercícios para o corpo e para os olhos.
A técnica de Pomodoro consiste em ciclos com foco total na atividade que está sendo executada intercalados com período de descanso.
Ao fim de cada ciclo são realizados os exercícios citados acima. O objetivo desses exercícios é garantir que no período que o usuário estiver sentado em frente ao computador ele realize alguma movimentação. Isso é importante para evitar que o usuário tenha problemas de saúde por estar longos períodos de tempo sem realizar nenhuma movimentação.
Com o objetivo de motivar o usuário a realizar os exercícios, foi incorporado gamificação na aplicação por meio de uma barra de experiência e level que evoluem conforme o usuário completa os desafios e de um histórico de desafios completados.
**Povi no desktop:**
**Povi no mobile:**
# Tecnologias
- [React.js](https://reactjs.org) e hooks [useState](https://reactjs.org/docs/hooks-state.html#gatsby-focus-wrapper), [useEffect](https://reactjs.org/docs/hooks-effect.html) e useContext.
- [Typescript](https://www.typescriptlang.org/).
- [Next.js](https://nextjs.org/).
- [js-cookie](https://github.com/js-cookie/js-cookie).
# Funcionalidades
- Iniciar um ciclo de 25 minutos.
- Abandonar um ciclo.
- Propostas de desafios para exercitar o corpo e os olhos ao fim de cada ciclo.
- Ganhar experiência e subir de nível completando os desafios.
- Controlar se o som das notificações estará ativo ou mutado.
- Notificação informando que faltam 10 minutos para o fim do ciclo.
- Notificação informando que faltam 5 minutos para o fim do ciclo.
# Deploy e demonstração
Para realizar o deploy da aplicação [clique aqui](https://povi.vercel.app/).
## Desktop
### Iniciando um ciclo
### Abandonando um ciclo
### Completando um desafio
### Falhando em um desafio
### Subindo de level
### Controlando o som das notificações
## Mobile
### Iniciando um ciclo
### Abandonando um ciclo
### Completando um desafio
### Falhando em um desafio
### Subindo de level
### Controlando o som das notificações
# Executando a aplicação
```bash
# Clone esse repositório
$ git clone https://github.com/EmanuelLacerda/povi.git
# Acesse a pasta no projeto
$ cd povi
# Instale as dependências
$ npm install
# or
$ npm install -g yarn
# Execute a aplicação em modo desenvolvedor
$ npm run dev
# or
$ yarn dev
# A porta do servidor irá abrir no console: https://localhost:3000
```
# Licença
Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](https://github.com/EmanuelLacerda/nome-do-repositorio/blob/main/LICENSE) para mais detalhes.
------
Projeto desenvolvido por **[Emanuel de Souza Lacerda](https://github.com/EmanuelLacerda/)**