Smart Warehouse Management System

Project of SIH 2020 Internal Hackathon

An android app based platform to connect the farmers and warehouse owners, which will facilitate the service of accessing nearby warehouses and cold storages along with easy booking of the same.

Built with React, React Native, JavaScript, and CSS.

App Snapshots

Login & Register Screen

LOGIN	REGISTER	ROLE

Farmer Screens

DASHBOARD	WAREHOUSE DETAILS	GOODS

Warehouse Owner Screens

DASHBOARD	WAREHOUSE STATUS	POST NEW SPACE

Buyer Screens

PRODUCTS	ORDER HISTORY

Select Language, Select Role and Profile Screen

LANGUAGE	PROFILE

Technology

React Native

Getting Started · Learn the Basics · Showcase · Contribute · Community · Support

React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform.

• Declarative. React makes it painless to create interactive UIs. Declarative views make your code more predictable and easier to debug.
• Component-Based. Build encapsulated components that manage their state, then compose them to make complex UIs.
• Developer Velocity. See local changes in seconds. Changes to JavaScript code can be live reloaded without rebuilding the native app.
• Portability. Reuse code across iOS, Android, and other platforms.

React Native is developed and supported by many companies and individual core contributors. Find out more in our ecosystem overview.

NativeBase

Getting Started · Learn the Basics · CheatSheet · Featured Apps · Contribute · FAQs ·

NativeBase is a free and open source UI component library for React Native to build native mobile apps for iOS and Android platforms. NativeBase also supports web from version 2.4.1. One of our main goal with NativeBase 2.0 is to make it easy to theme the components with very little changes to components themselves.

General Syntax of NativeBase Component:

import React, { Component } from 'react';
import { Container, Button, Text } from 'native-base';
export default class GeneralExample extends Component {
  render() {
    return (
      <Container>
        <Button>
          <Text>
            Button
          </Text>
        </Button>
      </Container>
    );
  }
}

Updating to New Releases

You should only need to update the global installation of create-react-native-app very rarely, ideally never.

Updating the react-native-scripts dependency of your app should be as simple as bumping the version number in package.json and reinstalling your project's dependencies.

Upgrading to a new version of React Native requires updating the react-native, react, and navigation package versions, and setting the correct sdkVersion in app.json. See the versioning guide for up-to-date information about package version compatibility.

Installation and Setup Instructions

Clone down this repository. You will need node and npm installed globally on your machine.

1. Installation:

   npm install

2. Prerequisites to Run:

   • Connect Physical Android/iOS device in USB debugging mode OR Launch Emulator using AVD Manager [Android Studio].

   • Sometimes you may need to reset or clear the React Native packager's cache. To do so, you can pass the --reset-cache flag to the start script:

     npm start -- --reset-cache
     # or
     yarn start -- --reset-cache
     

3. To Start Android Application:

   • For Android users: npx react-native run-android

   • For iOS users: npx react-native run-ios

4. To Visit App:

   App Launched in your Android/iOS Device

5. Login Details (Demo):

   Role : Any

   Email Id : vedant

   Password : 123456

Run tests

Unittests: npm run mocha

Unittests with coverage: npm run coverage

Linter: npm run lint