CodeConnect

Rede social para pessoas desenvolvedoras chamada CodeConnect para o curso de React: componentes e JSX.

🔨 Funcionalidades do projeto

Nesse curso será 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.

✔️ Técnicas e tecnologias utilizadas

As técnicas e tecnologias utilizadas pra isso são:

• 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.

📁 Acesso ao projeto

Você pode acessar o código fonte do projeto inicial ou baixá-lo.

🎨 Figma

Você pode conferir o Figma da aplicação clicando aqui.

🛠️ Abrir e rodar o projeto

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.