iliyass-zamouri/ui_kit

iliyass_zamouri_s_application2

Table of contents

• System requirements
• Figma design guidelines for better UI accuracy
• Check the UI of the entire app
• Application structure
• How to format your code?
• How you can improve code readability?
• Libraries and tools used
• Support

System requirements

Dart SDK Version 2.18.0 or greater. Flutter SDK Version 3.3.0 or greater.

Figma design guidelines for better UI accuracy

Read our guidelines to increase the accuracy of design-to-code conversion by optimizing Figma designs. 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 AppRoutes.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..
    ├── main.dart                   - Starting point of the application
    ├── 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

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

• Provider - State management https://pub.dev/packages/provider
• 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