https://github.com/mabt-tech-com/flutter-quiz-app
✅ Flutter-quizz-app - 4vKiJZNPhss
https://github.com/mabt-tech-com/flutter-quiz-app
adaptive-design flutter quizz-app
Last synced: 2 months ago
JSON representation
✅ Flutter-quizz-app - 4vKiJZNPhss
- Host: GitHub
- URL: https://github.com/mabt-tech-com/flutter-quiz-app
- Owner: mabt-tech-com
- Created: 2023-02-13T09:50:33.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-14T16:07:14.000Z (over 2 years ago)
- Last Synced: 2025-01-22T18:11:10.907Z (4 months ago)
- Topics: adaptive-design, flutter, quizz-app
- Language: Dart
- Homepage:
- Size: 1.62 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quizz_app
This Flutter Quiz App has questions with each 4 options. Tap on an option and it will turn green or red depending on if the anwer is correct.
( this app is adaptive on : web, mobile )
## Project Architecture
The project is organized as follows:
```
quiz_app/
├── lib/
│ ├── main.dart
│ ├── model.dart
│ └── page/
│ └── result_page.dart
└── widget/
└── options_widget.dart
```
## Requirements
- Flutter and Dart installed and configured
- Android Studio or any preferred IDE
## Project Setup
1. Clone the repository
```
$ git clone https://github.com/THE-TEAM-com-tn/quiz_app.git
```
2. Open the project in Android Studio or your preferred IDE
3. Open the pubspec.yaml file and check if the dependencies are updated
4. Open the terminal and run the command to install the required dependencies
```
$ flutter pub get
```
5. Connect the project to your Firebase account
6. In the terminal, run the command to start the app
```
$ flutter run
```
## Project Description
### lib/main.dart
This file contains the `main()` function and the `MyApp` widget, which is the root of the Flutter app. The `MyApp` widget sets up the theme and home screen of the app, which is a `Scaffold` widget with a `QuestionWidget` as its body.
### lib/page/result_page.dart
This file contains the `ResultPage` widget, which displays the result of the quiz to the user. The widget takes a `score` parameter, which is the number of correct answers, and displays it in the center of the screen.
### lib/widget/options_widget.dart
This file contains the `OptionsWidget` widget, which displays the options for a question to the user. The widget takes a `question` parameter, which is an instance of the `Question` model, and an `onClickedOption` callback, which is called when the user taps on an option. The widget displays the options in a column and highlights the selected and correct options differently.
## Screenshot
