⚛️NLW#4 - Trilha React com Next.js 🚀

Status do Projeto: Em desenvolvimento ⚠️

Objetivo

Objetivo da aplicação, criada durante o NLW#4, é um contador regressivo, no estilo pomodoro.Quando o tempo encerra uma atividade é sugerida para ser realizada.

Como foi uma jornada de aprendizado, irei resumir o dia-a-dia

✅ Primeiro dia

✅ Segundo dia

✅ Terceiro dia

✅ Quarto dia

✅ Quinto dia

Primeiro dia

O que aprendi:

• Conhecimento do Layout do projeto através do figma
• Visão geral de React (Componentes, propriedadees e estado)
• Uso de typescript
• Início da codificação do projeto

Segundo dia

O que fiz e aprendi:

• Migração do projeto de react.js para next.js
• Aprendi conceitos de Next.js
• Conheci o css-module
• Codificação da página do perfil com contador
• Uso de useState e useEffect

Terceiro dia

O que fiz e aprendi:

• Utilização de createContext e useContext
• Aprendi tipagem dos dados utilizados
• Construção da lógica para o funcionamento da aplicação

Quarto dia

O que fiz e aprendi:

• Mais utilização de Context API
• Mais tipagem de dados
• Aprendi sobre notificação web (pedido ao usuário e execução) e tocar áudio na notificação

Quinto dia

O que fiz e aprendi:

• Funcionalidades restantes
• Deploy na Vercel

Como rodar a aplicação 💻

No terminal, clone o projeto:

git clone https://github.com/Asoaresdev/NLW-trilha_React.git

Entre na pasta do arquivo

cd NLW-trilha_React

Instale as dependências

npm install

Execute a aplicação

npm run start

Abrir o navegador no localhost:3000

Link do projeto

https://nlw-trilha-react-movedev.vercel.app/