Rede social para pessoas desenvolvedoras chamada CodeConnect para o curso de React: componentes e JSX.
Nesse curso foi desenvolvido a página de login da CodeConnect, contendo uma imagem, um formulário de e-mail e senha com títulos e textos, um botão para entrar na aplicação, links para lembrar senha ou cadastrar.
As técnicas e tecnologias utilizadas foram:
React: Biblioteca JavaScript para construção de interfaces de usuário.React-DOM: Pacote que permite a integração do React com a árvore de elementos do DOM.Babel: Transpilador que converte código JavaScript moderno em versões compatíveis com navegadores mais antigos, além de permitir a interpretação de códigos JSX.JSX: Uma extensão de sintaxe para JavaScript usada no React, que permite a escrita de código HTML/XML de forma declarativa e integrada dentro do JavaScript.Componentização: Abordagem de design em que a interface de usuário é dividida em componentes reutilizáveis e independentes.Props: Dados passados de um componente pai para um componente filho no React.useState: Hook no React que permite adicionar estado a componentes funcionais.Manipulação de eventos: Ação de responder a interações do usuário, como cliques e teclas pressionadas, em aplicações web.
Você pode conferir o Figma da aplicação clicando aqui.
Após baixar o projeto, você pode abrir com o Visual Studio Code. Para isso, na tela inicial da aplicação, vá em File / Arquivos e:
- Open Folder (ou alguma opção similar)
- Procure o local onde o projeto está e o selecione (Caso o projeto seja baixado via zip, é necessário extraí-lo antes de procurá-lo)
- Por fim clique em OK
Você pode abrir diretamente o arquivo index.html no seu navegador ou usar uma extensão como o Live Server.