---

📸 Galeria de fotos REACT TypeScript 📸

LINK: Link do build no VERCEL como exemplo aqui.

• Um calendário que utiliza Firebase para permitir que o usuário carregue imagens nele. Possui tema escuro e claro, e é responsivo.
• Tecnologias usadas: Create React App, styled components e TypeScript

Funcionalidades ⚙️

• Temas dark e light.
• Galeria dinâmica, fotos e imagens podem ser carregadas nela.
• Responsividade para as telas mobile, tablet e desktop.
• A preferência do modo escuro ou claro é salva no Local Storage.

Variáveis de ambiente 📑

Configurações como modelo para outros:

• REACT_APP_FIREBASE_APIKEY=
• REACT_APP_FIREBASE_AUTHDOMAIN=
• REACT_APP_FIREBASE_PROJECTID=
• REACT_APP_FIREBASE_STORAGEBUCKET=
• REACT_APP_FIREBASE_MESSAGINGSENDERID=
• REACT_APP_FIREBASE_APPID=

--------------

Referências 📚

Vídeos e APIs usadas no projeto.

• Tema light/dark com React, Styled Components e TypeScript | Code/Drops #16
• Galeria de Fotos em React (com Typescript e Firebase) - Projeto 3 - Desafio 5em5 (React)
• Como fazer deploy com React JS de forma fácil! 👌

Documentação de cores 🌈

• As cores de cada modo são modificadas dinâmicamente através de JavaScript.

Modo claro ☀️

Cor	Hexadecimal
Cor primary	#8c7aa9
Cor secondary	#e6e6e6
Cor primarySecond	#eaddff
Cor shadow	#39393a
Cor textSecondary	#522a27
Cor textShadow	#232327
Cor submit	#297373
Cor warning	#c6c5b9

Modo escuro 🌙

Cor	Hexadecimal
Cor primary	#312740
Cor secondary	#7A6998
Cor primarySecond	#B6A9CC
Cor shadow	#392626
Cor textSecondary	#9A6764
Cor textShadow	#232327
Cor submit	#1A4F18
Cor warning	#E4DFAF

Etiquetas

Demonstração visual

• Modelo inicial modo claro:

• Responsividade:

CRA - Scripts disponíveis:

Neste projeto você pode fazer run:

npm start

Abre o app.
Abra http://localhost:3000 para ver no navegador.

npm test

Abre um teste.
Veja mais aqui: running tests

npm run build

Builda a aplicação na pasta build.\

• Outros comandos:

npm run eject

Mais informações:

Create React App documentation.

React documentation.

---

🔗 Links 🕶️

---