https://github.com/thiagoaugusto1806/alura-codeconnect

Site desenvolvido no curso Alura "React: construíndo componentes com JSX"
https://github.com/thiagoaugusto1806/alura-codeconnect

babel jsx react react-hooks

Last synced: 25 days ago
JSON representation

Site desenvolvido no curso Alura "React: construíndo componentes com JSX"

• Host: GitHub
• URL: https://github.com/thiagoaugusto1806/alura-codeconnect
• Owner: ThiagoAugusto1806
• License: mit
• Created: 2024-08-06T00:44:24.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-11T17:49:58.000Z (3 months ago)
• Last Synced: 2024-09-28T06:23:45.468Z (about 1 month ago)
• Topics: babel, jsx, react, react-hooks
• Language: HTML
• Homepage: https://alura-code-connect.vercel.app
• Size: 333 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
##  💻​ Code Connect 💻​

Este projeto é a tela de login do site ficticio Code Connect,o site foi desenvolvido com React.

## 💻​ Tecnologias utilizadas:

- HTML

- CSS

- JSX

## 📂 Arquitetura do Projeto:

- `.git/`: Pasta de controle de versionamento Git, com histórico do projeto e configurações.

    - `COMMIT_EDITMSG`, `config`, `description`, `HEAD`: Arquivos relacionados à configuração e estado do repositório Git.

    - `hooks/`: Pasta contendo scripts que podem ser executados em diferentes estágios do workflow do Git (ex: antes de um commit, após um push).

    - `index`, `info`, `logs/`, `objects/`, `refs/`:  Estruturas internas do Git para armazenar o histórico do projeto, branches, etc.

- `.gitattributes`: Define atributos específicos do Git para arquivos e pastas.

- `img/`: Pasta contendo imagens utilizadas no projeto.

    - `flecha.svg`, `Github.svg`, `Google.svg`, `imagem-login.png`, `prancheta.svg`, `simbolo.png`: Imagens com nomes sugestivos, relacionadas a elementos visuais da página de login.

- `index.html`: Arquivo principal da página de login, contendo a estrutura HTML.

- `LICENSE`: Define os termos de uso e distribuição do código-fonte do projeto.

- `README.md`: Este arquivo, com a documentação do projeto.

- `styles/`: Pasta contendo arquivos CSS para estilização da página.

    - `CampoDeDigitacao.css`: Estilos específicos para o campo de digitação (campo de usuário/senha).

    - `PaginaDeLogin.css`: Estilos gerais da página de login.

    - `styles.css`: Estilos globais ou para componentes específicos.

## Descrição do Projeto

Este projeto está presente no curso "React: construíndo componentes com JSX" da plataforma alura.

## Desenvolvimento

De inicio foi disponibilizado os estilos CSS e as imagens para serem usados no projeto, foram adicionados os links cdns de react, react-DOM e babel-standalone, em seguida foram criados os elementos de tela e feitos os componentes react tornando-os reutilizaveis com funções e hooks.

## Funcionalidades 

Este projeto é uma tela de login, na qual o usuario digita email e senha e ao enviar o formulario o site retorna os valores digitados, possui também icones links, nos quais são uma simulação de login externo.

## Screenshots