quizzfly_application_flutter

Table of contents

-[System requirements] (#system-requirements)
-[Figma design guidelines for better UI accuracy] (#figma-design-guideline-for-better-accuracy)
-[Check the UI of the entire app] (#app-navigations)
-[Application structure] (#project-structure)
-[How to format your code?] (#how-you-can-do-code-formatting)
-[How you can improve code readability?] (#how-you-can-improve-the-readability-of-code)
-[Libraries and tools used] (#libraries-and-tools-used)
-[Support] (#support)

System requirements

Dart SDK Version 3.3.2 or greater. Flutter SDK Version 3.19.4 or greater.

Figma design guidelines for better UI accuracy

Read our guidelines to increase the accuracy of design-to-code conversion by optimizing Figma design https://docs.dhiwise.com/docs/Designguidelines/intro

Check the UI of the entire app

Check the UI of all the app screens from a single place by setting up the 'initialRoute' to AppNavigation in the AppRoute.dart file

Application structure

After successful build, your application structure should look like this:

|- android                  - It contains files required to run the application on an Android platform.
|- assets                   - It contains all images and fonts of your application.
|- ios                      - It contains files required to run the application on an ios platform.
|- lib/                     - Most important folder in the application, used to write most of the Dart code..
    |- core/
       |- app_export.dart   - It contains commonly used file imports 
       |- constants         - It contains static constant class file
       |- utils             - It contains common files and utilities of the application
    |- presentation/        - It contains widgets of the screens
    |- routes/              - It contains all the routes of the application
    |- theme/               - It contains app theme and decoration classes
    |- widgets/             - It contains all custom widget classes
    |- data                 - It contains all data-related operations, particularly managing API interactions and local data handling.
    |- main.dart            - Starting point of the application

How to format your code?

• if your code is not formatted then run following command in your terminal to format code

  dart format .

How you can improve code readability?

Resolve the errors and warnings that are shown in the application.

Libraries and tools used

BLOC State management https://bloclibrary.dev cached_network_image For storing internet image into cache https://pub.dev/packages/cached_network_image

Support

If you have any problems or questions, go to our Discord channel, where we will help you as quickly as possible: https://discord.com/invite/rFMnCG5MZ7