Sobre  •  Funcionalidades  •  Demonstração  •  Tecnologias  •  Como executar  •  Licença

---

💡 Sobre

Move.it é uma aplicação de produtividade baseada na técnica Pomodoro combinada com exercícios físicos leves. A ideia é simples: a cada ciclo de foco concluído (25 minutos), o app te propõe um desafio de movimento — um exercício rápido para os olhos, corpo ou mente — e recompensa você com XP, incentivando a progressão de nível.

O projeto foi desenvolvido durante a Next Level Week #4 da Rocketseat, utilizando o stack moderno do ecossistema React: Next.js, TypeScript e Context API para gerenciamento de estado global.

---

✅ Funcionalidades

• ⏱️ Timer Pomodoro — ciclos de 25 minutos com controle de início, pausa e reset
• 🏋️ Desafios de movimento — exercícios aleatórios ao completar cada ciclo
• 🎯 Sistema de XP e níveis — progressão gamificada para manter a motivação
• 🔔 Notificações no navegador — alerta sonoro e visual ao fim de cada ciclo
• 📊 Histórico de ciclos — contagem de desafios completados por sessão
• 🌗 Interface responsiva — layout adaptado para diferentes tamanhos de tela

---

🎨 Demonstração

🔗 Acesse o deploy ao vivo →

---

🛠 Tecnologias

Tecnologia	Versão	Descrição
Next.js	10.x	Framework React com SSR e rotas automáticas
React	17.x	Biblioteca para construção de UI
TypeScript	4.x	Superset tipado do JavaScript
Styled Components	5.x	CSS-in-JS para estilização por componente

Conceitos aplicados: Context API · Custom Hooks · Server-Side Rendering · Notificações Web API

---

🚀 Como executar

Pré-requisitos

Antes de começar, você precisa ter instalado:

• Git
• Node.js (v14 ou superior)
• Yarn ou npm

Rodando localmente

# Clone o repositório
$ git clone https://github.com/michelspirlandeli/move-it-app.git

# Entre na pasta do projeto
$ cd move-it-app/moveit-next

# Instale as dependências
$ yarn install
# ou: npm install

# Inicie o servidor de desenvolvimento
$ yarn dev
# ou: npm run dev

Acesse http://localhost:3000 no seu navegador.

Build de produção

$ yarn build
$ yarn start

---

📁 Estrutura do projeto

moveit-next/
├── src/
│   ├── components/        # Componentes reutilizáveis (Timer, Profile, Sidebar...)
│   ├── contexts/          # Context API (ChallengesContext, CountdownContext)
│   ├── pages/             # Rotas do Next.js (_app, index)
│   └── styles/            # Estilos globais
├── public/
│   ├── icons/             # Ícones dos desafios
│   └── *.png              # Imagens do projeto
└── package.json

---

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

---