Getting Started
My Medicine - Admin Panel
- Uploaded Date: 1-June-2026
- Project: My Medicine
- Author: Acnoo
- Email: acnooteam@gmail.com
Thank you for purchasing our product. If you have any questions that are beyond the scope of this documentation file, please feel free to email us via our user page contact form or directly to email at acnooteam@gmail.com
Requirements
- PHP >= 8.2
- Ctype PHP Extension
- cURL PHP Extension
- DOM PHP Extension
- Fileinfo PHP Extension
- Filter PHP Extension
- Hash PHP Extension
- Mbstring PHP Extension
- OpenSSL PHP Extension
- PCRE PHP Extension
- PDO PHP Extension
- Session PHP Extension
- Tokenizer PHP Extension
- XML PHP Extension
For more information about deployment see the Laravel documentation here https://laravel.com/docs/10.x/deployment
Download Project from Envato
After successfully purchase Acnoo Pharmacy, download the project from Envato download page
Extract the downloaded file. You will have another zip file named Super-Admin.zip containing the main project's files and a documentation folder. You are reading this documentation, that means you already have theme both.
Creating Database
Before installing, you will need to create a new database. If you already know how to do this or have already created one, skip to the next step.
Note: Please use empty database. In most cases you should be able to create a database from your cpanel.
Login to your cPanel by entering this in your browser url
yourdomian.com/cpanel
Step: 1
Step: 2
Step: 3
Now you need to create a new user. On the same page go to create a new database user
Step: 4
Now add the user to the database
Step: 5
And select full permissions on the database to that user
Uploading Files
On some operating systems, the dotfiles are hidden by default. Before starting to upload the files, please make sure your file explorer has the option to view hidden files turned on.
After creating a database, Upload the Super-Admin.zip file on the web root folder of your domain. This folder is generally called public_html, html, or example.com, but depending on your server's configuration, it might be named differently.
After that in the public_html directory upload the downloaded file.
Note: Important Make sure that you have .env file in your folder.
Note: Make sure that .htaccess file got copied properly from the download to your server.
Installation Wizard
Go to your website address, then you'll see an installation wizard. To open the installer. Visit
yourdomain.com/install
Now the installer will show up.The First screen will be Welcome Screen
Note : If you are not able to access the website by accessing yourdomain.com/install, but you are able to access it via yourdomain.com/index.php/install, this means that you probably don't have Apache mod_rewrite installed and enabled.
Server Requirements
After clicking on "Check requirement" button, you will be redirected to System Requirements step during the installation wizard, System Requirements.
Verify Code
Here enter your Envato Purchase Code to proceed.
Database/Environment Setting
If your code is verified, simply click 'Next' to proceed to the next step.
Please enter your database credentials and click 'Install' to continue.
Exit
The last step is exit step.
Congratulations you have successfully installed this project on your server. 😀
Default Password
You can login using several methods depending on your role.
Super Admin
superadmin@acnoo.com
superadmin
Admin
admin@acnoo.com
admin
Manager
manager@acnoo.com
manager
In this project, different modules are assigned based on user roles: Super Admin, Admin, Manager. Each role has distinct responsibilities tailored to their specific tasks and permissions. Below, we will discuss how each user role operates within the system.
Dashboard
The My Medicine Dashboard provides a complete real-time overview of your pharmacy business. It displays key metrics including total customers, suppliers, stock medicines, and expired medicines at the top. The dashboard also includes a Profit/Loss chart and a Sales & Purchase chart to visualize monthly financial trends throughout the year. On the right side, the Overall Report panel shows today's sales, purchase, income, and expense summary with a donut chart. Below that, a Low Stock alert table highlights medicine batches that need restocking. At the bottom, you can quickly view the Top 5 Products, Top 5 Customers, and Expired Products with their respective batch numbers and expiry dates.
Create Sale
By clicking on "Sale New," you can create a new sale. First, select a customer.By selecting register customer the product prices displayed on the right will automatically update based on the selected customer's type (Retailer, Wholesaler, or Dealer).
Select Product
Next, you need to select a product for the sale. You have the option to search by product name or code. Additionally, you can filter products by Category or Manufacturer. For example, if you click on the category, you will see a list of categories. From there, you can select a category, and the products will be filtered accordingly. A screenshot is provided for the Category Filter. The same process applies for filtering by Manufacturer.
Add to Cart & store product
When you click on a product, it will be automatically added to the cart if this product available in stock. You can adjust the quantity by using the plus or minus buttons, or directly update the quantity by entering a value. To remove a product from the cart, simply click the red cross button.
Below, you will see the total of all products. You can also add VAT or a discount to the total. After the calculations, the total amount will be displayed. Next, you can enter the received amount. If the received amount is greater than the total amount, the remaining balance will be shown in the "Change Amount" field. If the received amount is less, the "Due Amount" field will display the difference. If you want to remove all products from the list, click the reset button. Once everything is correct, click the save button to complete the sale.If you click on save & print button it will save and also give you print option.
Sale List
This appears to be a screenshot of the Sale list page, where you can filter data using the search function. Additionally, you can view invoices, as well as edit, delete, or use the multi-delete option. Furthermore, you will have the option to initiate a Sale Return from this list. Please note, once a sale return is processed, you will no longer be able to update or delete the sale.
Create Sale Return
From the Sale list, when you click on Sales Return, this page will appear. By adjusting the quantity, you can return the desired amount. However, you cannot return more than the quantity sold.
Sale Return List
Here, you can view the complete list of sale returns with a filtering option. To view an invoice, simply click on the invoice No.
Create Purchase
By clicking on "Purchase New," you can create a new purchase. First, select a supplier. Next, choose a product for the purchase. Additionally, you can filter products by Category, using the same filters as in the Sale process.
Select Product
Next, select a product for the purchase. When you choose a product, a pop-up will appear. Enter the quantity you wish to purchase and update the prices as needed. Once done, click save.
Add to Cart & store product
After clicking the save button in the pop-up window, the product will automatically appear in the cart list. You can adjust the quantity using the plus or minus buttons or update it directly by entering a value. To remove a product from the cart, click the red cross button.
Below, you will see the total of all products. You can also add discount to the total. After the calculations, the total amount will be displayed. Next, you can enter the received amount. If the received amount is greater than the total amount, the remaining balance will be shown in the "Change Amount" field. If the received amount is less, the "Due Amount" field will display the difference. If you want to remove all products from the list, click the reset button. Once everything is correct, click the save button to complete the purchase.If you click on save & print button it will save and also give you print option.
Purchase List
This appears to be a screenshot of the Purchase list page, where you can filter data using the search function. Additionally, you can view invoices, as well as edit, delete, or use the multi-delete option. Furthermore, you will have the option to initiate a Purchase Return from this list. Please note, once a Purchase return is processed, you will no longer be able to update or delete the Purchase.
Create Purchase Return
From the Purchase list, clicking on Purchases Return will open this page. You can adjust the quantity to return the desired amount, but you cannot return more than the purchased quantity.
Return List
Here, you can view the complete list of Purchase returns with a filtering option. To view an invoice, simply click on the invoice No.
Product List
Here, you can view the Product list with filtering options available. The list can be exported as Excel, CSV, and there is also a print option. By clicking the "View" button, you can see details in a pop-up window. Additionally, you can edit, delete, or perform multi-delete actions.
Create Product
You can create a product by filling in the required fields. When you select a Product Category, the associated variation fields (such as capacity, color, size, type, or weight) linked to that category will appear. You can then provide the necessary variations. The Product Code field will suggest a code by default, but you can update it if needed. Ensure you carefully input the product price. If everything is correct, click the save button to store the product.
Expired Product List
Here, you can view the expired Product list with filtering options available. The list can be exported as Excel, CSV, and there is also a print option. By clicking the "Product Name" you can see details in a pop-up window.
Print Labels
The Print Labels feature in the pharmacy system allows users to generate barcode labels for selected medicines. Users can choose products, set label quantity, packing date, and customize label details like product name, price, code, and packing date. It supports various barcode types and paper formats for printing.
Bulk Upload
The Bulk Upload feature allows users to import multiple products into the system simultaneously using an Excel file. This is particularly useful for pharmacies with a large number of products, enabling quick and efficient data entry.
Category List
You can view the Category list with available filtering options. Furthermore, you have the ability to edit, delete, or use the multi-delete function.
Create Category
You can create a Category by filling in the required fields and selecting the desired variation.
Unit List
You can view the Unit list with available filtering options. Furthermore, you have the ability to edit, delete, or use the multi-delete function.
Create Unit
You can create a Category by filling in the required fields.
Medicine Type List
You can view the Medicine Type list with available filtering options. Furthermore, you have the ability to edit, delete, or use the multi-delete function.
Create Medicine Type
You can create a Medicine Type by filling in the required fields.
Manufacturer List
You can view the Manufacturer list with available filtering options. Furthermore, you have the ability to edit, delete, or use the multi-delete function.
Create Manufacturer
You can create a Manufacturer by filling in the required fields.
Box sizes List
You can view the Box sizes list with available filtering options. Furthermore, you have the ability to edit, delete, or use the multi-delete function.
Create Box Sizes
You can create a Manufacturer by filling in the required fields.
Stock List
Here, you can view the Product list with filtering options available. The list can be exported as Excel, CSV, and there is also a print option. Also in top cart you will see Total quantity and Stock value. Also by clicking the "Product Name" you can see details in a pop-up window.
Low Stock List
Here, you can view the low stock Product list with filtering options available. The list can be exported as Excel, CSV, and there is also a print option. Also in top cart you will see Total quantity and Stock value. Also by clicking the "Product Name" you can see details in a pop-up window.
Order List
This section allows you to view and manage all orders with advanced filtering options. You can export the order list in Excel and CSV formats, and also print reports when needed. Orders are organized into tabs based on their status, including Pending, Confirmed, Processing, Delivered, Cancelled, and Returned.
Prescription Order List
This section allows you to view and manage all prescription orders with advanced filtering options. You can export the prescription order list in Excel and CSV formats, and also print reports when needed. Prescription orders are organized into tabs based on their status, including Pending, Confirmed, Processing, Delivered, Cancelled, and Returned.
Customer List
Here, you can view the customer list with a search filter. Additionally, you have the option to view, edit, delete, or use the multi-delete function.
Create Customer
You can create a customer by filling out the required fields. Additionally, you can add an initial due amount to be stored.
Bulk Upload
To upload parties in bulk, download the sample file, fill in the required details, and upload it. You can import different party types, including Wholesaler, Dealer, Retailer, and Supplier, in a single upload.
Supplier List
Here, you can view the Supplier list with a search filter. Additionally, you have the option to view, edit, delete, or use the multi-delete function.
Create Supplier
You can create a Supplier by filling out the required fields. Additionally, you can add an initial due amount to be stored.
Due List
Here, you can view the Due list with a search filter. Additionally, you can view invoices and collect the due amounts from this page.
Collect Due
When you click "Collect Due," this page will appear. Here, you can collect the due amount either by invoice or without an invoice if there is any initial due.
Cash Due List
If no customer is selected during a sale, the resulting dues are listed here. You can view the cash due list with a search filter. Additionally, you can view invoices and collect due amounts from this page.
Cash Collect Due
When you click "Collect Due," this page will appear. Here, you can collect the due amount for the selected invoice.
Income List
Here, you can view the Income list with a search filter. Additionally, you have the option to edit, delete, or use the multi-delete function.
Create Income
You can create an income by filling out the required fields.Here You can also select category and payment type.
Income Category
Here, you can view the Income Category with a search filter. Additionally, you have the option to edit, delete, or use the multi-delete function. Just put category name and description for create Income Category
Expense List
Here, you can view the Expense list with a search filter. Additionally, you have the option to edit, delete, or use the multi-delete function.
Create Expense
You can create an expense by filling out the required fields.Here You can also select category and payment type.
Expense Category
Here, you can view the Expense Category with a search filter. Additionally, you have the option to edit, delete, or use the multi-delete function. Just put category name and description for create Expense Category
Deposit List
The Deposit List displays all wallet deposit requests submitted by users. When a user initiates a deposit, the request will appear in this list for review. For manual deposits, you can verify the details and either approve or reject the request. Additionally, all wallet balance additions made through loyalty point conversions are also recorded here, allowing you to track every wallet transaction from a single place.
Tax List
From this section, you can view all taxes and group taxes, create new entries, edit existing ones, and update their status whenever needed. This allows you to manage your taxes efficiently from a single place.
Create Tax
By clicking the Add Tax button, you can create both Single Tax and Group Tax. When creating a Group Tax, you can enable State Tax, allowing you to add and manage both Inner State Tax and Outer State Tax. This helps you organize and apply different tax rates based on state-specific requirements. You can also edit these tax by clicking edit button.
Advertising Section
This list allows you to see the current advertising campaigns with status. To create a new advertise, you can click on the "Create Banner" button at the top right of the screenshot. A pop-up window will open, where you can add an image and change the status.Click the three dot menu where you can edit and delete
Add Advertising
This section describes the process of adding new advertisements to the Acnoo pharmacy store's system. Advertisements are used to promote products, services, or special offers to customers.
Setup Product Point
From this section, you can assign loyalty points to any product, as well as update or remove them whenever needed. When a customer purchases a product, they will automatically receive the number of loyalty points assigned to that product, helping you reward customers and encourage repeat purchases.
Customer Points
From this section, you can view the loyalty points earned by each customer. By clicking the Point History button, you can see a detailed history of all points earned and used by a specific customer. You can also convert a customer's loyalty points into wallet balance when needed. Additionally, all loyalty point data can be exported and downloaded in CSV, Excel, and PDF formats for reporting and record-keeping purposes.
Point Configurations
From this section, you can configure the loyalty point system according to your business needs. You can choose where customers will earn loyalty points and where points will not be awarded. You can also set the minimum number of points required for conversion, as well as define the conversion rate, such as how many points are equal to a specific wallet balance amount. This gives you full control over how loyalty points are earned and redeemed.
Transactions
From the Transaction List, you can track all loyalty point activities, including points earned, points converted to wallet balance, and points adjusted manually. Each transaction is displayed with its corresponding date and details for easy monitoring. You can also export and download the transaction records in CSV, Excel, and PDF formats for reporting and analysis.
Loss Profit List
Here, you can view the profit and loss data from sales with search and date filters. You can also export the list as CSV, Excel, and print it. Additionally, the total loss and profit are displayed in the top cart.
App Settings
This section allows you to configure the app settings for your application. Like Terms & Conditions, Privacy Policy, About us.
Terms & Conditions Settings
This section allows you to configure the Terms & Conditions for your application. You can define and manage the content that will be displayed to users within the app.
Privacy Policy Settings
This section allows you to configure the Privacy Policy for your application. You can define and manage the content that will be displayed to users within the app.
About us Settings
This section allows you to configure the About us for your application. You can define and manage the content that will be displayed to users within the app.
Reports
Here, various reports are available, including Sale, Sale Return, Purchase, Purchase Return, Income, Expense, Current Stock, Customer Due, Supplier Due, Profit and Loss, Transaction, Subscription and Expired Product. Each report includes filtering options for data. Additionally, you can export data as CSV, Excel, and a Print option is also provided.
Sale Report
Sale Return Report
Purchase Report
Purchase Return Report
Tax Report
Income Report
Expense Report
Stock Report
Customer Due Report
Supplier Due Report
Loss & Profit Report
Deposit Report
Due Collection Transactions
Expired Product Report
Loyalty Point Report
Staff List
Here, you can view the list of staff members along with a search filter. Additionally, you have the option to edit, delete individual entries, and perform multi-delete operations.
Add New Staff
You can create a staff member here by completing the necessary fields.
Roles & Permissions
In this section, you have the ability to define roles and allocate specific permissions to different users as needed.
Roles
In this section, you have the capability to create new roles and update existing ones. When updating roles, you can configure their specific role permissions, granting or restricting access to various features and functionalities as required. This allows you to tailor user roles to your organizational needs and security requirements.
Permissions
In this section, you have the capability to set role-specific permissions, allowing you to fine-tune and control access rights for each role according to your organization's needs and security requirements.
Setting
In the Setting section, you have the capability to configure the fundamental aspects or core elements of this project. And in bellow you can see the screenshots of each settings.
Currency list
Here, you can view a list of currencies with filtering options. Additionally, there is an option to edit currencies, and you can also set a default currency.
Create Currency
You have the option to include currency from this location.
Notification
Here, you can view a list of various notifications. You also have the option to filter these notifications based on available criteria.In each list, clicking the "View" button allows you to see detailed information.
Payment Gateway Settings
Here, you can modify various payment gateways like Stripe, PayPal, SSLCommerz, manual and many others options.
Stripe
Mollie
Paystack
Razorpay
Manual
My Wallet
Cash On Delivery
System Settings
In this section, you can configure various backend settings for the project, including application setup, driver configurations, mail settings, storage configurations, and other essential components. It's crucial to handle these configurations with care as they impact the functionality and security of the system.
App
Drivers
Storage Settings
Mail Configuration
Note: Please note that if you change QUEUE_MAIL from false to true,
you need to run the following command: php artisan queue:work.
Remember: The command path should be:
/home/u186958312/domains/yourdomain.com/public_html. Make sure you're in the
correct path.
Note: If you're not familiar with running the command, there's
another option. Simply visit yourdomain.com/queue-work and it will be executed
automatically.
Note: If you select QUEUE_MAIL as true but do not run the command or visit the URL, email functionality will not work properly.
Social Login
Others
General Settings
You have the capability to modify the general project information.
Login Page Settings
From here you can update login page image.
Product Settings
From this section, you can select the fields to include in the product creation form. Only the checked fields will appear when creating a new product.
Payment Type List
This section displays a list of all payment types with filtering options. You can also edit existing payment types as needed.
Create Payment
This section allows you to create and add new payment entries.
Delivery support & courier service list
This section displays a list of all delivery support & courier service with filtering options. You can also edit existing delivery support & courier service as needed.
Create delivery
This section allows you to create and add new delivery entries.
Create courier service
This section allows you to create and add new courier service entries.
Cancel reason
This section allows you to create and add new cancel reason entries.
Maps API Key
From this section, you can configure and update your Maps API keys used within the application.
Order Required Details Settings
You have the capability to modify the order required details settings.
Language List
This section displays a list of all languages with filtering options. You can also edit existing language as needed.
Create language
This section allows you to create and add new language entries.
Country List
This section displays a list of all countries with filtering options. You can also edit existing country as needed.
Create country
This section allows you to create and add new country entries.
State List
This section displays a list of all states with filtering options. You can also edit existing states as needed.
Create state
This section allows you to create and add new state entries.
Version:1.0.0 ( 21 Jun 2026 )
- Initial Release
Flutter App Installation Setup Start
Tools & Setup
Prerequisite
- Android Studio: 2023.3.1
- Flutter: 3.27.3
- Flutter & Dart SDK
- Anyone IDE Android Studio (Recommended), Visual Studio Code or IntelliJ IDEA
- To edit this project you must have Flutter and Dart installed and configured successfully on your computer.
- Set up your editor - Install the Flutter and Dart plugins.
- If you have got Android SDK installed and configured, to install Flutter you
only need
to:
- Download Flutter SDK from official website and extract it.
- Add path to previously extracted SDK to your PATH variable
- Run flutter doctor tool to check if everything is configured correctly.
- All above steps are mentioned here: https://flutter.dev/docs/get-started/install/
Make sure you have added the purchase code inside the app
Directory: /lib/app_config/app_config.dart
Android Studio – Windows
- Download Android Studio - https://developer.android.com/studio/
- Get the Flutter SDK - https://flutter.dev/docs/get-started/install
- Learn more about Android Studio - https://developer.android.com/studio/intro/
Step 1 : Get the Flutter SDK
- Download the following installation bundle to get the latest stable release of the Flutter SDK:
- Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges)
Step 2 : Update your path
If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable: From the Start search bar, enter ‘env’ and select Edit environment variables for your account. Under User variables check if there is an entry called Path:
- If the entry exists, append the full path to flutter\bin using ; as a separator from existing values.
- If the entry doesn’t exist, create a new user variable named Path with the full path to flutter\bin as its value
Important
Note that you have to close and reopen any existing console windows for these changes to take effect. You are now ready to run Flutter commands in the Flutter Console!
Step 3 : Run flutter doctor
From a console window that has the Flutter directory in the path (see above), run the following command to see if there are any platform dependencies you need to complete the setup:
Android Studio – macOS
- Download Android Studio - https://developer.android.com/studio/
- Download Xcode - https://apps.apple.com/us/app/xcode/id497799835?mt=12
- Get the Flutter SDK - https://flutter.dev/docs/get-started/install
- Learn more about Android Studio - https://developer.android.com/studio/intro/
Step 1 : Get the Flutter SDK
- Download the following installation bundle to get the latest stable release of the Flutter SDK:
- Download SDK and extract downloaded file, just double click on that. and just copy extracted folder and paste it to your desired location (for example, Documents\flutter).
Step 2 : Update your path
Important
Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.
To update PATH variable, we need to open terminal.
To update PATH variable for current terminal window only, then enter this command "export PATH="$PATH:`pwd`/flutter/bin"" and hit enter key.
To update PATH variable permanently, then Open or create .bash_profile file.
to open
or
create that file, then enter "sudo open -e $HOME/.bash_profile" and hit enter
key.Append
below line to bash_profile file at bottom of all other content. "export
PATH="$PATH:
[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"" as
[PATH_TO_FLUTTER_GIT_DIRECTORY] is actual path of SDK folder.
Run this command on terminal "source $HOME/.bash_profile" to refresh PATH variables.
Then check whether our SDK is successfully installed or not.
You are now ready to run Flutter commands in the Flutter Console!
Run "flutter doctor" into terminal, If you are getting check list of flutter sdk requirements, it means SDK is successfully installed on your machine. and you can start building flutter apps on your machine.
Android Studio – Linux
- Download Android Studio - https://developer.android.com/studio/
- Get the Flutter SDK - https://flutter.dev/docs/get-started/install/linux
- Learn more about Android Studio - https://developer.android.com/studio/intro/
Step 1 : Get the Flutter SDK
- Download the following installation bundle to get the latest stable release of the Flutter SDK:
- Download SDK and extract downloaded file, just double click on that. and just copy extracted folder and paste it to your desired location (for example, Documents\flutter).
Step 2 : Update your path
Important
Path variable needs to be updated to access “flutter” command from terminal. you can just update path variable for current terminal window only. and if you want to access flutter commands from anywhere in terminal, we need to update SDK path permanently.
You’ll probably want to update this variable permanently, so you can run
flutter
commands in any terminal session. To update PATH variable, we need to open terminal.
- Run
source $HOME/.to refresh the current window, or open a new terminal window to automatically source the file. - Verify that the
flutter/bindirectory is now in your PATH by running:
GETTING STARTED (BUILD & RUN)
Important
All below steps are must be followed to build and run application
Download Project
Download and find the your project folder, use your preferred IDE (Android Studio / Visual Studio Code / IntelliJ IDEA) to run the project
Get Dependencies
After you loaded project successfully, run the following command in the
terminal
to install
all the dependencies listed in the pubspec.yaml file in the project's
root
directory or just
click on Pub get in pubspec.yaml file if you don't want to use command.
Build and Run App
- Locate the main Android Studio toolbar.
- In the target selector, select an Android device for running the app. If none are listed as available, select Tools > Android > AVD Manager and create one there. For details, see Managing AVDs
- Click the run icon in the toolbar, or invoke the menu item Run > Run.
After the app build completes, you’ll see the app on your device.
If you don’t use Android Studio or IntelliJ you can use the command line to run your application using the following command
Important
Below step requires flutter path to be set in your Environment variables. See https://flutter.dev/docs/get-started/install/windows
You will see below like screen after you have build your app successfully.
Try hot reload
Flutter offers a fast development cycle with Stateful Hot Reload, the ability to reload the code of a live running app without restarting or losing app state. Make a change to app source, tell your IDE or command-line tool that you want to hot reload, and see the change in your simulator, emulator, or device.
Important
Do not stop your app. let your app run.
PROJECT STRUCTURE & FEATURES
- images: apps/widgets/snippets images as well as appIcon are stored here.
- lib: Application main file and folder are located here.
- Screens: Full Apps UI Code can be found here.
- Conts: Api configuration can be found here
- Constant: All constant value are located here
- Main: All the routes are been declared here.
- Pubspec.yaml: Application name and other project dependencies can be found here
Application Features
- Clean Code and a well structured project
- Single code base for both Android & iOS
- 60 FPS Support for both Android & iOS
- Fully responsive UI
- Best UI & UX
- Great animation
- Easy to customize
- Free life time updates & stunning customer support
- Easy to integrate in your project
Mobile Application Setup:
You’ll need to modify the api_config.dart file to replace the existing
domain with your new one. Here’s
how you can do it:
1. Open the api_config.dart file located in the /lib/app_config/api_config.dart directory.
2. Replace 'https://acnoopharmacy.acnoo.com/' with your new domain:
3. Make sure the new URL is correctly formatted and includes the proper protocol
(https:// or
http://).
Now:
Please open the constant.dart file and update the app name, company name, and app version with the desired values, ensuring they are written correctly.
Change package name:
➢ Find the current package name, which is com.example.acnoo_pharmacy_app
path:/android/app/src/main/kotlin/com/example/acnoo_pharmacy_app/MainActivity.kt
➢ Select the project file & Press Ctrl + Shift + R to replace the old package name with your new one throughout the entire codebase.
➢ Now in the first box paste the current package name (com.example.acnoo_pharmacy_app) and in the second box write the new name and press Replace All button.Please consider assigning a meaningful package name and try to follow the structure.
Run Flutter Project:
➢ For first-time users, enable Dart support for the project. Afterward, navigate to the pubspec.yaml file and retrieve the packages by clicking on "Pub Get" located at the top right corner, as illustrated in the image.
➢ After enabling Dart support and fetching packages, select a device or run an emulator. Click the 'Play' icon in the upper-right corner to launch the app. For physical devices, enable 'Developer Options' and 'USB Debugging' on your phone.
How to change application name:
➢ To change the app name you have to go to the AndroidManifest.xml file.
➢ path: android/app/src/main/AndroidManifest.xml
After opening the file change the android:label =”AppName” &
replace your current name.
And build the app. The App name will be changed.How to change application version
➢ Navigate to the pubspec.yaml file and modify the 'version' field. For instance,
if the previous version
is 1.0.0+1, update it to 1.0.1+2.
➢ IMPORTANT: Ensure to execute 'flutter pub get' and 'flutter run' after making
this adjustment.
How to change application version
Select Images:
● Choose three images that you want to use for icons.
● Ensure the images are appropriate and formatted correctly for the app's
display requirements.
Rename Images:
● Rename the selected images with the following filenames:
○ icon: app_icon.png
● Make sure to keep the file extension as .png
Now replace the existing image with a new one.
Replace Existing Images:
● Locate the folder where the current icon image is stored. This is typically named
assets
● Copy and paste your newly renamed image inside this folder named
“appIcon”.
● If prompted, allow the new images to replace the existing ones.
Now from the terminal run the command:
flutter pub get
dart run icons_launcher:create
Restart the App:
● Close the app completely to ensure all changes take effect.
Restart the app and verify that the new onboarding images are displayed correctly.
Project Structure
\
If you want to modify any of these screens, you can do so from these directory. Each directory name corresponds to the title of the respective apps screen, making it easy for you to locate and identify the files you need to edit.
app_config: Here you can find the API setup option & app setup option.
Screen: Here you can find the screens of the total app.
l10n: Here you can find all the language files.
Change Splash logo & logo inside the App.
Select Images:
● Choose the image that you want to use for the main logo.
● Ensure the image is appropriate and formatted correctly for the app's display
requirements.
Rename Images:
● Rename the selected images with the following filenames:
○ splashLogo: logo.png
○ Others: mainLogo.png
Make sure to keep the file extension as .png
Replace Existing Images:
● Locate the folder where the current logo & avatar images are stored. This is
typically named assets/app_logo
● Copy and paste your newly renamed images into this folder
(app_logo)
● If prompted, allow the new images to replace the existing ones.
Restart the App:
● Close the app completely to ensure all changes take effect.
Restart the app and verify that the new onboarding images are displayed
correctly.
Change Onboarding App:
Open app_logo folder.
path: assets/app_logo
Select Images:
● Choose three images that you want to use for the onboarding screens.
● Ensure the images are appropriate and formatted correctly for the app's display
requirements.
Rename Images:
● Rename the selected images with the following filenames:
○ First Image: onbord1.png
○ Second Image: onbord2.png
○ Third Image: onbord3.png
Make sure to keep the file extension as .png
Replace Existing Images:
● Locate the folder where the current onboarding images are stored. This is typically
named app_logo.
● Copy and paste your newly renamed images into this folder
(assets/app_logo)
● If prompted, allow the new images to replace the existing ones.
Restart the App:
● Close the app completely to ensure all changes take effect.
Restart the app and verify that the new onboarding images are displayed
correctly.
Theme Change:
You can change the app theme color for the constant.dart file. Here you can find all the colors, widgets, global gradients, which are used in many places inside the apps. path: lib/constant.dart
Here the primary color is MainColor.
Change Language:
This guide explains how to add or edit localization (translation) files in the app. If you want to support a new language or modify existing translations, follow the steps below.
1. Understanding the Localization Structure
The app uses ARB (Application Resource Bundle) files to manage translations. These files are located in the lib/l10n directory. Each language has its own file, e.g.:
app_en.arb for Englishapp_es.arb for Spanish
app_fr.arb for French
2. Adding a New Language
To add support for a new language:Create a New ARB File
Duplicate an existing ARB file (e.g., app_en.arb) and rename it to match the language code you want to add. For example, for French, create app_fr.arb.
Translate the Strings Replace the values in the new ARB file with the translated strings. For example:
app_fr.arb
{
"helloWorld": "¡Hola a todos!"
}
And just add a new parameter and value. And use it where you want to use it.
3. Editing Existing Translations
To edit an existing translation:
Open the corresponding ARB file (e.g., app_es.arb for Spanish).
Modify the value of the string you want to change. For example:
app_es.arb
{
"helloWorld": "¡Hola a todos!", // Updated the translation only, not the parameter.
}
Then just hot reload. It will be created automatically.
4. Delete Language
Remove references to the language from the code:
● If any part of the app was using keys specific to the removed language (e.g., lang.of(context)!.someKey) , you can either:
○ Replace the reference with a static string, or
○ Use the default language for those strings.
For example, if you were using:
lang.of(context)!.hello
You can replace it with a static string like:
"Hello"
5. Common Issues
Missing Translations
If a translation is missing for a specific language, the app will fall back to the default language (English).
So when you create, keep in mind that you have to create that parameter for all the locales. Otherwise, just edit the one you want to modify.
And you can find the supported locales from here:Click Here
https://api.flutter.dev/flutter/flutter_localizations/flutter_localizations-library.html
How to build release apk
To build a release APK for your Flutter project, follow these steps:
1.Open Your Project: Launch Android Studio and open your Flutter project.
2.Access the Terminal:
○ In the bottom left corner of the Android Studio interface, locate the navigation
bar.
○ Click on the Terminal icon to open the terminal window.
○ In the terminal, enter the following command:
Locate the APK:
○ Once the build process completes, you can find your release APK in the following directory:
build/app/outputs/flutter-apk/app-release.apkTo build a release APK for your Flutter project using the Android Studio top menu, follow these steps:
- Open Your Project: Launch Android Studio and load your Flutter project.
- Access the Build Menu:
- Select Build APK:
- Monitor the Progress:
- Locate the APK:
HELP & SUPPORT
Free support policy includes troubleshooting, technical assistance with the product only. It does not include any customization, additional features integration or concerns about third- party plugins compatibility. But, support is applied to plugin(s) we have developed and integrated ourselves. We appreciate your understanding!
If you need assistance and information on purchased product that is not covered in documentation, mail them on our support at
You can expect answer within 24-48 hours, usually as soon as possible in the order they were received.
Additionally, if any email has no response from the item owner for more than 7 days, that support email will be archived by default. However, if you need further assistance, you can mail us again.