1. Estrutura inicial
2. Funcionalidades obrigatórias
➕ Adicionar agendamento
-
O usuário deve escolhe a data, horário e informar o nome do cliente.
-
Ao clicar no botão de agendar, o agendamento deve ser adicionada à lista.
-
Cada novo agendamento deve aparecer imediatamente na interface, com:
- Horário;
- Nome do cliente;
- Um botão de lixeira para excluir.
🗑️ Remover agendamento
- O usuário deve poder excluir qualquer agendamento da lista clicando no botão de lixeira.
- Após a remoção, a lista deve ser atualizada automaticamente.
📊 Períodos
3. Estados e manipulação
- Use estados do React para armazenar a lista de agendamentos.
- Cada agendamento deve ser representada por um objeto com pelo menos
id, nome do cliente, data e horário.
- Utilize métodos de array como map, filter e reduce para atualizar os estados corretamente.
4. Interface (baseada no layout do Figma)
5. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais ferramentas que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além 🚀
6. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência?
É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar!
Vai ser incrível acompanhar a sua evolução! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
2. Funcionalidades obrigatórias
➕ Adicionar agendamento
-
O usuário deve escolhe a data, horário e informar o nome do cliente.
-
Ao clicar no botão de agendar, o agendamento deve ser adicionada à lista.
-
Cada novo agendamento deve aparecer imediatamente na interface, com:
- Horário;
- Nome do cliente;
- Um botão de lixeira para excluir.
🗑️ Remover agendamento
- O usuário deve poder excluir qualquer agendamento da lista clicando no botão de lixeira.
- Após a remoção, a lista deve ser atualizada automaticamente.
📊 Períodos
3. Estados e manipulação
- Use estados do React para armazenar a lista de agendamentos.
- Cada agendamento deve ser representada por um objeto com pelo menos
id, nome do cliente, data e horário.
- Utilize métodos de array como map, filter e reduce para atualizar os estados corretamente.
4. Interface (baseada no layout do Figma)
5. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais ferramentas que utilizamos durante o desenvolvimento do primeiro módulo da formação.
Caso você tenha alguma dificuldade você pode ir no nosso fórum e deixar sua dúvida por lá!
Após terminar o desafio, caso você queira, você pode tentar dar o próximo passo e deixar a aplicação com a sua cara. Tente mudar o layout, cores, ou até adicionar novas funcionalidades para ir além 🚀
6. Entrega
Após concluir o desafio, você deve enviar a URL do seu código no Github.
Além disso, que tal fazer um post no LinkedIn compartilhando o seu aprendizado e contando como foi a experiência?
É uma excelente forma de demonstrar seus conhecimentos e atrair novas oportunidades!
Obs: Se você se sentir à vontade, pode postar um print do resultado final e nos marcar!
Vai ser incrível acompanhar a sua evolução! 💜
Feito com 💜 por Rocketseat 👋
