https://github.com/kabarbi/space-app
Este projeto foi desenvolvido durante o curso da Alura sobre Styled Components no React. Ele explora técnicas de estilização dinâmica e manipulação de arquivos estáticos
https://github.com/kabarbi/space-app
raectjs react styled-components
Last synced: 3 months ago
JSON representation
Este projeto foi desenvolvido durante o curso da Alura sobre Styled Components no React. Ele explora técnicas de estilização dinâmica e manipulação de arquivos estáticos
- Host: GitHub
- URL: https://github.com/kabarbi/space-app
- Owner: KaBarbi
- Created: 2025-03-05T23:19:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-06T02:05:30.000Z (over 1 year ago)
- Last Synced: 2025-03-06T02:23:20.073Z (over 1 year ago)
- Topics: raectjs, react, styled-components
- Language: JavaScript
- Homepage:
- Size: 136 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📌 Projeto: React com Styled Components e Arquivos Estáticos
Este repositório contém o projeto desenvolvido durante o curso **"React: estilize componentes com Styled Components e manipule arquivos estáticos"** da Alura.
## 🚀 Tecnologias Utilizadas
- React
- Styled Components
- Vite
## 📋 Descrição
Durante este curso, exploramos o uso do Styled Components para estilização dinâmica de componentes React e aprendemos a manipular arquivos estáticos dentro de um projeto criado com Vite.
## 🛠 Funcionalidades Implementadas
- Estilização dinâmica com **Styled Components**
- Uso de **props** para alterar estilos dinamicamente
- Temas globais
- Manipulação de **arquivos estáticos** (imagens, fontes, etc.)
- Organização eficiente dos estilos dentro do projeto
## 📦 Instalação e Execução
Para rodar o projeto localmente, siga os passos abaixo:
1. Clone este repositório:
```bash
git clone https://github.com/seu-usuario/nome-do-repositorio.git
2. Acesse a pasta do projeto:
```bash
cd nome-do-repositorio
3. Instale as dependências:
```bash
npm install
npm install styled-components
4. Execute o projeto:
```bash
npm run dev
5. Acesse no navegador: http://localhost:5173
##