https://github.com/rmachado55/dark-mode

Página em React.JS criada com STYLED COMPONENTS, simulando uma aplicação de Banco, incluindo aplicação de tema (Dark-Mode)
https://github.com/rmachado55/dark-mode

hooks java-script javascript react reactjs styled-components styledcomponents usestate

Last synced: 3 days ago
JSON representation

Página em React.JS criada com STYLED COMPONENTS, simulando uma aplicação de Banco, incluindo aplicação de tema (Dark-Mode)

• Host: GitHub
• URL: https://github.com/rmachado55/dark-mode
• Owner: rmachado55
• Created: 2022-09-28T00:11:21.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-28T00:25:19.000Z (about 2 years ago)
• Last Synced: 2024-10-18T18:38:46.301Z (29 days ago)
• Topics: hooks, java-script, javascript, react, reactjs, styled-components, styledcomponents, usestate
• Language: JavaScript
• Homepage:
• Size: 229 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# BANCO DIGITAL (c/ DARK-MODE)

Página feita em REACT.JS com STYLED COMPONENTS simula um extrato de um banco digital. Uma página moderna, com opção de troca de Tema (claro/escuro).

https://rmachado55.github.io/dark-mode/

## UTILIZAÇÃO

- Utilize o botão no canto superior direito para ver a troca de tema;

- Utilize o botão com o Olho para esconder o valor;

## TÓPICOS ABORDADOS:

- Estilização (Styled Components);

- Componentes React.JS, sua herança e reutilização; 

- Hooks (useState) para adição de usuários e manipulação de Objetos;

## REACT.JS / STYLED COMPONENTS / JS / CSS3 / HTML5

Feito a partir de exercício da Alura em Julho 2022.