Shopapay - Flutter E-commerce App Documentation

Overview

Shopapay is a comprehensive e-commerce application built with Flutter. It provides a seamless shopping experience for users, enabling them to browse products, add items to their cart, and make secure purchases. The app also includes features for managing orders, tracking deliveries, and user authentication.

App Screenshots

Below are screenshots showcasing the various screens and features of the Shopapay application:

How to Get and Run the App

Follow these steps to set up and run the e-commerce app on your local machine:

Prerequisites

Ensure you have Flutter installed on your system. Follow the installation guide at Flutter.dev.
Install an editor like VS Code or Android Studio.
Set up an Android emulator or connect a physical device.

Steps to Get and Run the App

1 Clone the repository

2 Navigate to the project directory

3 Fetch the dependencies by running flutter pub get

4 Run the app on your connected device or emulator by running flutter run

How to Add a New Language to the App

1 Add the Language File
Open the lib/l10n/ directory and add a new .arb file for the desired language.
For example:
intl_en.arb (for English)
intl_ar.arb (for Arabic)

2 Define Translations
Inside the new .arb file, add translations for all keys.
Example:

{
  "hello": "Hola",
  "welcome": "Bienvenido"
}

3 Generate Localization
Run the flutter pub run intl_utils:generate command in your terminal to regenerate the localization files.

4 Add LanguageModel
Add a new LanguageModel to the supportedLanguages list in language_model.dart.

5 Test the New Language
You can change the app's language to the new language and see the translations in the app by changing it from the settings page.

Color Scheme

Shopapay uses the following color scheme throughout the application:

Light Primary
#1D55F3

Dark Primary
#246BFD

Light Second
#212121

Dark Second
#F7F7F7

Light Third
#616161

Dark Third
#E8E8E8

Border
#F2F2F2

Success
#4CAF50

Warning
#FF6E40

Error
#FF5252

Delete
#FF3D00

White
#FFFFFF

Black
#000000

Dark
#2B2B2B