Conheça o projeto
Neste desafio, você vai desenvolver um Organizador de Links em PHP com o framework Laravel, uma aplicação onde os usuários podem salvar e gerenciar links de conteúdos que desejam assistir em plataformas de streaming, como séries, filmes e shows.
Recursos
Materiais para você usar como base para o desenvolvimento
Instruções
Estrutura, regras e requisitos do projeto
1. Estrutura inicial
- Crie um projeto com a estrutura base do Laravel;
- Organize pastas e os arquivos criados.
2. Requisitos
Tela de login
- Crie o formulário com os campos:
- Nome;
- Sobrenome;
- E-mail;
- Senha;
- Adicione os requisitos de senha: mínimo 8 caracteres;
- Valide os campos em tempo real, mostrando erros e acertos visualmente;
- Crie o botão "Criar conta";
- Habilite o botão apenas quando todos os requisitos forem atendidos.
Lista de links
- Exiba lista de links com:
- Imagem,
- Título,
- Link;
- Tag de categoria;
- Ícones de ação.
- Adicione setas laterais que reordene links para cima ou para baixo;
- Ordem da lista deve atualizar visualmente após cada ação.
Adicionar link
- Crie um botão para adicionar um link;
- Crie o formulário com os campos:
- Imagem;
- Título do link,
- URL do link;
- Valide campos obrigatórios e formatos.
Perfil de usuário
- Crie um Formulário de cadastro de perfil com os campos:
- Nome;
- E-mail;
- Bio;
- Imagem.
- Valide campos obrigatórios;
- Upload de nova imagem ao clicar em “Substituir imagem”;
- Botão Salvar deve enviar dados e atualizar perfil sem recarregar a página.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias 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! 🚀
4. 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! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
1. Estrutura inicial
- Crie um projeto com a estrutura base do Laravel;
- Organize pastas e os arquivos criados.
2. Requisitos
Tela de login
- Crie o formulário com os campos:
- Nome;
- Sobrenome;
- E-mail;
- Senha;
- Adicione os requisitos de senha: mínimo 8 caracteres;
- Valide os campos em tempo real, mostrando erros e acertos visualmente;
- Crie o botão "Criar conta";
- Habilite o botão apenas quando todos os requisitos forem atendidos.
Lista de links
- Exiba lista de links com:
- Imagem,
- Título,
- Link;
- Tag de categoria;
- Ícones de ação.
- Adicione setas laterais que reordene links para cima ou para baixo;
- Ordem da lista deve atualizar visualmente após cada ação.
Adicionar link
- Crie um botão para adicionar um link;
- Crie o formulário com os campos:
- Imagem;
- Título do link,
- URL do link;
- Valide campos obrigatórios e formatos.
Perfil de usuário
- Crie um Formulário de cadastro de perfil com os campos:
- Nome;
- E-mail;
- Bio;
- Imagem.
- Valide campos obrigatórios;
- Upload de nova imagem ao clicar em “Substituir imagem”;
- Botão Salvar deve enviar dados e atualizar perfil sem recarregar a página.
3. Desenvolvendo o projeto
Para desenvolver esse projeto, recomendamos utilizar as principais tecnologias 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! 🚀
4. 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! 💜
5. Considerações finais
Lembre-se que o intuito de um desafio é te impulsionar, por isso, dependendo do desafio, pode ser que você precise ir além do que foi discutido em sala de aula. Mas isso não é algo ruim: ter autonomia para buscar informações extras é uma habilidade muito valiosa e vai ser ótimo pra você treinar ela aqui com a gente!
E lembre-se: tenha calma! Enfrentar desafios faz parte do seu processo de aprendizado!
Se precisar de alguma orientação ou suporte, estamos aqui com você! Bons estudos e boa prática! 💜
Feito com 💜 por Rocketseat 👋
Tarefas
Use este checklist para ajudar a organizar a sua entrega