Projeto completo - RocketMovies (Desafio 10 - Explorer)

💻 Projeto

O RocketMovies é um projeto para cadastro de anotações de filmes, desenvolvido durante o curso Explorer da Rocketseat.

Me desafiei a desenvolver o prejeto utilizando o framework TailwindCSS, que é um framework de CSS que utiliza classes para estilizar os componentes e TypeScript, que é um super set do JavaScript que adiciona tipagem estática.

Funcionalidades desenvolvidas:

• Criar uma nova conta
• Logar na aplicação
• Cadastro de anotações de filmes; Título, Nota de 0 a 5, Observações, e tags que representam o gênero do filme.
• Pesquisar por títulos das anotações.
• Editar o perfil do usuário; foto, nome, email e senha.

Funcionalidades extras desenvolvidas (Desafios pessoais):

• Utilizar o framework TailwindCSS ✅
• Utilizar o TypeScript ✅
• Filtrar as anotações por gênero (Tags) ✅
• Excluir uma anotação ✅
• Responsividade para mobile. ✅

Tecnologias   |    Projeto      

🎨 Layout

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• TypeScript
• Vite
• TailwindCSS
• React Router Dom
• react-icons

🚀 TODO:

• Deploy do projeto. https://rocketmovies-gustavohdab.netlify.app/

Preview

video-preview.mp4

---

Feito com ♥ by Gustavo Batista 👋 LinkedIn e GitHub