An open API service indexing awesome lists of open source software.

https://github.com/benevanio/flower_app


https://github.com/benevanio/flower_app

Last synced: about 1 month ago
JSON representation

Awesome Lists containing this project

README

          

### README

# Simulação de Flor 🌸

Este projeto é um aplicativo Flutter simples que simula uma flor interativa. Cada pétala da flor muda de cor aleatoriamente ao ser clicada, proporcionando uma experiência visual dinâmica e divertida.

---

## 🚀 Funcionalidades

- Uma flor composta por seis pétalas interativas.
- Cores das pétalas mudam aleatoriamente ao serem clicadas.
- Design simples e intuitivo, com um núcleo amarelo representando o centro da flor.

---

## 🛠️ Tecnologias Utilizadas

- **Dart**: Linguagem de programação.
- **Flutter**: Framework para criação de interfaces gráficas multiplataforma.

---

## 📋 Requisitos do Sistema

- Flutter SDK instalado.
- Dart configurado no ambiente de desenvolvimento.
- Um emulador ou dispositivo físico para executar o aplicativo.

---

## 📦 Como Executar o Projeto

1. **Clone o repositório**:
```bash
git clone https://github.com/Benevanio/flower_app
```

2. **Acesse o diretório do projeto**:
```bash
cd simulacao-flor
```

3. **Instale as dependências**:
```bash
flutter pub get
```

4. **Execute o aplicativo**:
```bash
flutter run
```

---

## 🖼️ Interface do Usuário

### 1. **Tela Inicial**
- Exibe uma flor com pétalas coloridas.
- Clicar em qualquer pétala gera uma nova cor aleatória para ela.

---

## 🧩 Estrutura do Código

### Principais Componentes:

- **`FlowerApp`**: O widget principal do aplicativo.
- **`FlowerPage`**: Página que contém o título e o widget da flor.
- **`FlowerWidget`**: Contém a lógica da flor interativa e o centro da flor.
- **`Petal`**: Representa uma pétala individual que muda de cor ao ser clicada.

---

## ✨ Personalização

Você pode personalizar:
- **Número de pétalas**: Altere o valor no loop `for (int i = 0; i < 6; i++)` dentro do `FlowerWidget`.
- **Dimensões da pétala**: Ajuste `height` e `width` na classe `Petal`.
- **Cores iniciais**: Adapte o método `_randomColor()` na classe `_FlowerWidgetState`.

---

## 📝 Licença

Este projeto é de código aberto e está disponível sob a licença [MIT](https://opensource.org/licenses/MIT).

---

## 💡 Ideias de Expansão

- Adicionar animações para a mudança de cor.
- Permitir diferentes formas de pétalas.
- Criar diferentes tipos de flores com layouts variados.