Life Sales and Inventory Management System

Complete User Guide for Web Application and Mobile App

📚 Table of Contents

Quick Start / TL;DR

Quick Start:
  1. Upload the Web Application folder to your hosting panel (in public_html or public folder).
  2. Create a MySQL database and note the credentials.
  3. Visit /install on your domain and follow the installation steps.
  4. Log in to the admin panel (/admin/login) and update your profile & password.
  5. Set up your business details, add products, and configure your mobile app.

Welcome to the System

Welcome to the System

The Life Sales and Inventory Management System is a tool to help your business keep track of sales, products, and customers. It has two main parts:

This guide explains everything you need to know to use both parts. We’ve made it super simple so even beginners can follow along.

Important First Step: When you first get the system, log in with the following credentials:
Email: admin@example.com
Password: password
After you log in, you MUST change this password to keep your business secure. (See the “Updating Your Profile” section below.)

System Requirements

System Requirements

Before installing the system, ensure your server or local environment meets these requirements:

Note: These requirements must be met for the system to work correctly. Consult your hosting provider or system administrator if you’re unsure.

Dependencies & External Tools Used

This system leverages several key technologies and tools to deliver a robust performance:

Using the Web Application (For the Boss)

Web Application

The web application is used on your computer with a web browser (like Chrome or Firefox) to manage your business.

  • Extract the Downloaded File:
    • After downloading the installable zip file from CodeCanyon, extract it on your local machine.
    • Inside, you’ll see two folders:
      • Web Application – The folder to upload to your hosting panel.
      • Flutter App – The mobile app source code (used later).
    • To host the Web Application:
      • Open the Web Application folder.
      • Extract all its contents and upload them into the public_html (or public) folder of your hosting panel.
      • Extracting the downloaded file
  • 0. Installing the Web Application

    Installing the Web Application

    Before you can log in and use the system, install it on your server or computer by following these steps:

    1. Access Your Hosting Panel:
      • Log in to your hosting provider’s hPanel.
      • Screenshot of hPanel
    2. Extract the Downloaded File:
      • Extract the zip file to see the two folders.
      • Upload the contents of the Web Application folder to your hosting panel.
      • Extracting the downloaded file
    3. Create a New Database:
      • Create a new database in your hPanel and note the username, password, and database name.
      • Database creation screen
    4. Begin the Installation:
      • Open your browser and visit your domain followed by /install (e.g., http://yourbusiness.com/install).
      • Click Next on the installation page.
      • Installation page
    5. System Requirements Check:
      • The installer will display the system requirements page.
      • Requirements page
    6. Enable PHP Extensions:
      • In your hPanel, go to PHP configuration under the Advanced section.
      • Enable the required PHP Extensions and remove symlink from the Disable Functions list.
      • Enabling PHP extensions
    7. Database Configuration:
      • Enter your database details (username, password, database name) with host set to localhost.
      • Database configuration
    8. Admin Configuration:
      • Enter the admin details (name, email, password) on the next page.
      • Admin configuration
    9. Complete Installation:
      • Click Next to finish the installation. A success message will confirm completion.
      • Installation success message
    10. Access Your Site and Admin Panel:
      • Visit your site’s frontend and access the admin panel at /admin/login (e.g., http://yourbusiness.com/admin/login).
      • Admin login screen
    Warning: Skipping any step or entering incorrect details may cause the system to malfunction.

    1. How to Log In

    How to Log In

    Follow these steps to log in to the admin panel:

    1. Open your browser and navigate to http://yourbusiness.com/admin/login.
    2. Enter the default credentials:
      • Email: admin@example.com
      • Password: 12345678
    3. Click Login and then update your password immediately.
    Warning: Incorrect credentials will trigger an error. Please double-check your input.

    2. Exploring the Dashboard

    Exploring the Dashboard

    The dashboard gives you a snapshot of your business. It displays:

    • Total Salesmen, Vehicles, Routes, Stores, Products, Orders, and Stock Items
    • Graphs and Charts showing sales trends and product performance
    • A list of Low Stock Products
    Example: “Total Salesmen: 5, Total Vehicles: 3, Total Routes: 4”

    Detailed Graphs and Tables

    1. Totals Overview: Displays boxes with counts of salesmen, vehicles, routes, stores, products, orders, and stock items.
    2. Graphs and Charts:
      • Sales Overview Graph: Line or bar chart showing total sales over time.
      • Sales by Salesman Graph: Chart comparing sales figures per salesman.
      • Top-Selling Products Graph: Bar or pie chart illustrating which products sell the most.
      • Sales by Route Graph: Chart showing which routes generate the most sales.
      • Revenue Over Time Graph: Line graph tracking revenue trends over time.
      • Damaged Order Items Over Time: Graph indicating the number of broken items returned over time.
    3. Low Stock Products Table: A table listing products with low stock in vehicles.
    4. Click on any graph or table item for more detailed reports.

    3. Setting Up Your Business Details

    Setting Up Your Business Details

    Configure your business information in General Settings:

    1. Click Settings from the sidebar and select General Settings.
    2. Fill in details such as Company Name, Email, Address, Phone, Country, Currency, and Tax System.
    3. Click Update Settings to save your changes.
    Note: Choose the correct tax system as it will affect pricing and billing.

    4. Updating Your Profile

    Updating Your Profile

    Secure your account by updating your personal details:

    1. Click Settings in the sidebar, then select Profile Settings.
    2. Update your Profile Picture, Name, Email, and set a new password.
    3. Click Update Profile to apply the changes.
    Warning: Do not keep the default password. Change it immediately.

    Page Builder

    Page Builder Interface

    Welcome to the Page Builder – a fun, drag and drop interface that lets you design your website without any coding! Simply grab a component from the toolbox and drop it into your canvas to start building your unique website.

    In the Page Builder, components are organized into several groups:

    Layouts

    • Navbar
    • Hero
    • About
    • Features
    • Services
    • Footer
    • Section

    Additional

    • Animated Hero
    • Carousel
    • Pricing Table
    • Timeline
    • Progress Bar
    • Social Feed
    • Newsletter Signup

    Basic

    • Text Block
    • Image
    • Button
    • Card

    Media

    • Video
    • Gallery
    • Map

    Content

    • FAQ
    • Team
    • Blog Post
    • Testimonial

    Forms and UI

    • Contact Form
    • Dropdown Box
    • Accordion Toggle
    • Navlinks

    To add a component, simply drag it from the left toolbox into the canvas. Clicking a component in the canvas brings up an editing panel on the right where you can customize settings like website title, logo, background colors, fonts, and navigation links.

    In the toolbar at the top, you’ll find buttons for Save Page, Preview, and Publish – keeping you always in control of your design.

    Tip: Experiment with different components and layouts to create a website that perfectly matches your brand’s style!

    6. Adding Vehicles

    Adding Vehicles

    Vehicles represent the cars or vans used by your salesmen. To add a vehicle:

    1. Click Vehicles in the sidebar.
    2. Click the Add New Vehicle button.
    3. Enter the Vehicle Number (e.g., “XYZ-789”).
    4. Click Add Vehicle and confirm the message.
    5. To edit or delete a vehicle, use the options in the vehicle list.

    7. Setting Up Routes

    Setting Up Routes

    Routes determine the paths your salesmen take. To add a route:

    1. Click Routes from the sidebar.
    2. Click Add New Route.
    3. Enter a Route Name (e.g., “Downtown Route”) and an optional description.
    4. Click Add Route to confirm.

    8. Adding Salesmen

    Adding Salesmen

    Add salesmen who will use the mobile app to sell your products:

    1. Click Salesman in the sidebar.
    2. Click Add New Salesman.
    3. Fill in their details (Name, Email, Phone, Password, Vehicle, and Route).
    4. Click Add Salesman to save their information.
    5. Share their login credentials so they can access the mobile app.
    Note: Each salesman gets a unique login for the mobile app.

    9. Adding Stores

    Adding Stores

    Stores represent the customers or shops visited by your salesmen. To add a store:

    1. Click Stores in the sidebar.
    2. Click Add New Store.
    3. Fill in the store’s Name, assign a Route, and enter its full Address.
    4. Click Add Store to confirm.

    10. Adding Products

    Adding Products

    Products are what you sell. The product form will change based on your chosen tax system:

    1. Click Products in the sidebar.
    2. Click Add New Product.
    3. Fill in the details:
      • If VAT: Product Name, Base Price, VAT%
      • If GST: Product Name, HSN/SAC Code, Base Price, SGST%, CGST%, Cess%
      • If Sales Tax: Product Name, Base Price, Sales Tax%
    4. The system will calculate the final price automatically.
    5. Click Add Product to save it.
    Example: Blue Pen, HSN: 9608, Base Price: 100, SGST%: 9, CGST%: 9, Cess%: 0.

    11. Giving Stock to Vehicles

    Giving Stock to Vehicles

    Assign stock to vehicles so salesmen have products to sell:

    1. Click Stock in the sidebar.
    2. Click Add New Stock.
    3. Select a Vehicle and then a Product, and specify the quantity.
    4. If needed, click Add Product to assign additional products to the same vehicle.
    5. Click Save to confirm.

    12. Making a Stock Bill

    Making a Stock Bill

    A stock bill lists the products in a vehicle. To generate one:

    1. After adding stock, click Generate Stock Bill.
    2. You’ll be taken to a page displaying the generated bills.
    3. Each bill shows details like Invoice Number, Vehicle Number, and Date Generated.
    4. Next to each bill, you can view, download, or regenerate it.

    13. Checking Orders

    Checking Orders

    Orders are generated when salesmen sell products. To check orders:

    1. Click Orders from the sidebar.
    2. Each order shows details like Store Name, Salesman Name, Vehicle Number, and payment breakdown.
    3. Use the search boxes to filter orders by salesman, store, or vehicle.

    14. Tracking Money Owed (Dues)

    Tracking Money Owed

    This section shows which stores owe money:

    1. Click Dues in the sidebar.
    2. Each entry displays the Store Name, Total Due Amount, Latest Advance, Salesman Name, and Status.
    3. Click View Details to see full order details for that store.

    15. Looking at Reports

    Looking at Reports

    Reports help you monitor business performance. To view reports:

    1. Click Reports in the sidebar.
    2. Choose a report type (Sales, Orders, Stock, or Damaged Products Report).
    3. Use the export buttons to save reports as PDF or Excel files.

    16. Setting Up SMTP

    Setting Up SMTP

    Configure SMTP to enable automated emails such as invoices and notifications:

    1. Access SMTP Settings:
      • Click SMTP Settings in the sidebar (under the Settings menu).
    2. Enter SMTP Details:
      • Mail Driver: smtp
      • SMTP Host: e.g., smtp.yourbusiness.com
      • SMTP Port: e.g., 587 for TLS or 465 for SSL
      • Username and Password: Your email credentials
      • Encryption: TLS or SSL
    3. Save SMTP Settings:
      • Click Save Settings and confirm the success message.
    Note: Confirm that your hosting provider permits outbound SMTP connections.

    17. Setting Up Timezone

    After installing your application, go to the public/config/app.php file. Locate the timezone setting, which by default is set to:

    'timezone' => 'UTC',

    Change it to your local timezone. For example, if you are based in India, update it as follows:

    'timezone' => 'Asia/Kolkata',
    Note: Setting the correct timezone ensures that date and time functions work accurately in your application.

    Using the Mobile App (For Salesmen)

    Mobile App

    The mobile app is designed for salesmen to use on their Android devices while out selling.

    1. Getting the App Ready

    Getting the App Ready

    Set up the mobile app by following these steps:

    1. Extract the Downloaded File:
      • Download the installable zip file from CodeCanyon and extract it.
      • You will see two folders: Web Application (for your admin dashboard) and Flutter App (the mobile app source code).
      • Open the Flutter App folder in your IDE (e.g., Visual Studio Code).
    2. Update the Website Address:
      • Open the file lib/services/app_config.dart.
      • Locate the baseUrl variable and change it to your web application’s URL, for example:
        class ApiConfig {
          static const String baseUrl = 'http://yourbusiness.com';
        }
      • Save the file.
    3. Make the App File (APK):
      • In the terminal, run flutter pub get and then flutter build apk.
      • After the build completes, locate the APK file in build/app/outputs/flutter-apk (e.g., app-release.apk).
    4. Put the App on Phones:
      • Transfer the APK file to the salesman’s Android device via USB or email.
      • On the phone, open the file and follow the prompts to install the app.

    2. Setting Up App Icon and App Name

    Setting Up App Icon and App Name

    Customize your mobile app’s appearance:

    1. Update App Icon:
      • Open pubspec.yaml and add the flutter_launcher_icons package as a dev dependency.
      • Add the configuration for your icon image. For example:
        dev_dependencies:
          flutter_launcher_icons: ^0.9.2

        flutter_icons:
          android: true
          iOS: false
          image_path: "assets/icon/app_icon.png"
    2. Run flutter pub get and then flutter pub run flutter_launcher_icons:main to generate new icons.
    3. Update App Name:
      • Edit android/app/src/main/AndroidManifest.xml and modify the android:label attribute in the <application> tag to your desired name (e.g., "My Business App").

    3. How Salesmen Use the App

    How Salesmen Use the App

    Once installed, the app is used by salesmen as follows:

    1. Logging In:
      • Open the “Life” app on your phone.
      • Enter your assigned email and password.
      • Tap Login to access your dashboard.
      • Login Screen
    2. Main Screen (Dashboard):
      • View your name, phone number, assigned vehicle, and current stock.
      • Dashboard on Mobile
    3. Transactions & Stock Bill:
      • Tap the hamburger menu (three lines in the top-left corner) to open the menu.
      • Access Transactions (today’s sales) and Stock Bill (products in your vehicle).
      • Transactions and Stock Bill
    4. Picking a Store:
      • Use the search bar on the main screen to find the store and select it.
      • View store details such as address and outstanding balance.
      • Enter sold product quantities and any returned (damaged) items.
      • Tap Proceed to Billing to generate the bill.
      • Store Details
    5. Making the Bill:
      • Review the bill details including products, total amount (with taxes), discounts, previous due, and cash received.
      • Tap Confirm Payment and confirm the prompt.
      • Billing Screen
    6. Printing the Bill:
      • Ensure your Bluetooth printer is turned on, connected, and loaded with paper.
      • Tap the printer icon or “Select Printer” and choose your printer.
      • Tap Print Bill to print the final bill.
      • Final Billing Screen
      • Bluetooth Printer
    Note: If the printer does not work, verify it’s connected via Bluetooth and has paper.

    Video Tutorial Section

    Watch these video tutorials to see the installation and usage of the system in action:

    Note: This video links included installation , Dashboard tutorial , App setup and App Tutorial.

    Troubleshooting & FAQ

    đź›  Installation Issues

    đź“§ SMTP & Email Issues

    📱 Mobile App Issues

    🖨️ Printing Issues

    🤔 General Questions

    📞 Need More Help?

    If you're facing issues that are not covered in this documentation, feel free to reach out to us for direct support.

    Support Hours: Monday to Saturday, 10:00 AM – 6:00 PM IST
    Please include a screenshot or video of the issue, along with a brief description.