Inventory Management App

Inventory Management App

A React Native mobile application for managing inventory with offline storage capabilities. Keep track of your items, monitor stock levels, and manage categories efficiently.

Features

  • Offline Storage: All data is stored locally using AsyncStorage.
     
  • Item Management:
     
    • Add, edit, and delete inventory items
       
    • Track quantity, price, and category
       
    • Set low stock thresholds
       
    • Add notes and images to items
       
  • Category Management:
     
    • Predefined categories (General, Electronics, Office Supplies)
       
    • Organize items by category
       
  • Settings:
     
    • Dark Mode toggle
       
    • Configurable low stock threshold
       
    • Category management
       
  • Data Validation: Comprehensive validation for all data entries
     

This project is bootstrapped using @react-native-community/cli.

 

📦 Project Structure

InventoryApp/

├── assets/                # Static assets like images

├── components/            # Reusable UI components

├── navigation/            # Navigation configuration

├── screens/               # App screens (Home, ItemList, Settings, etc.)

├── storage/               # AsyncStorage utilities

├── utils/                 # Helper functions and constants

├── App.tsx                # Entry point

└── ...                    # Other config files

 

 

🚀 Getting Started

Note: Make sure you have completed the Set Up Your Environment guide before proceeding.

Step 1: Start Metro

Run the following command from the root of your React Native project:

# Using npm

npm start

 

# OR using Yarn

yarn start

 

Step 2: Build and Run Your App

With Metro running, open a new terminal window/pane and use:

Android

npm run android

# OR

yarn android

 

iOS

Install CocoaPods dependencies:

bundle install

bundle exec pod install

 

Then run:

npm run ios

# OR

yarn ios

 

If everything is set up correctly, the app should launch in your simulator or connected device.

You can also build it directly using Android Studio or Xcode.

 

✏️ Modify Your App

Edit App.tsx or any screen/component to make changes. Updates are applied live using Fast Refresh.

Full Reload

  • Android: Press R twice or open Dev Menu using Ctrl + M (Windows/Linux) or Cmd ⌘ + M (macOS).
     
  • iOS: Press R in iOS Simulator.
     

 

🧪 Testing & Validation

  • Ensure all fields are properly validated using built-in form checks.
     
  • Offline capability should be tested by switching off the internet.
     
  • Validate dark mode, category toggles, and low stock alerts under settings.


 

GitHub:: https://github.com/brahmaputraS/Inventorymanagement_mobile.git

 

Screenshots: