Skip to content

Commit c0a5d1f

Browse files
authored
Update README.md
1 parent 27d9dfd commit c0a5d1f

File tree

1 file changed

+24
-10
lines changed

1 file changed

+24
-10
lines changed

README.md

+24-10
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,30 @@
1-
# flutter_application_1
1+
# Roll Dicer - Flutter Application
22

3-
A new Flutter project.
3+
Roll Dicer is a simple Flutter application designed to practice the basics of Flutter development. The app simulates a dice roll, generating a random number between 1 and 6, and displays the corresponding dice image.
4+
<div style="text-align: center;">
5+
<img src="https://github.com/buraxta/Roll-Dice-App/blob/master/assets/ss.png?raw=true" alt="RollDicer" style="width: 300px; height: auto;" />
6+
</div>
47

5-
## Getting Started
8+
## Features
69

7-
This project is a starting point for a Flutter application.
10+
- Random dice roll functionality.
11+
- Dynamic dice image update based on the rolled number.
12+
- Gradient background for aesthetic appearance.
13+
- Simple and clean user interface.
814

9-
A few resources to get you started if this is your first Flutter project:
15+
## Structure
1016

11-
- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
12-
- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
17+
The application consists of the following components:
18+
19+
### 1. `main.dart`
20+
The entry point of the application. It initializes the app with a `GradientContainer` widget inside a `Scaffold`.
21+
22+
### 2. `gradient_container.dart`
23+
A stateless widget that creates a gradient background and centers the `DiceRoller` widget.
24+
25+
### 3. `dice_roller.dart`
26+
A stateful widget that handles the dice roll logic and updates the dice image dynamically. It uses Flutter's `setState` to re-render the UI when a new dice number is generated.
27+
28+
### 4. `styled_text.dart`
29+
A reusable stateless widget for styled text. Used for the "Roll Dice" button text.
1330

14-
For help getting started with Flutter development, view the
15-
[online documentation](https://docs.flutter.dev/), which offers tutorials,
16-
samples, guidance on mobile development, and a full API reference.

0 commit comments

Comments
 (0)