ECS Lab Inventory System App

Description

ELISA - ECS Lab Inventory System App

ELISA is a lab inventory managing system for ECS (Engineering and Computer Science)

at Seattle Pacific University

September 2022 - June 2023 (9 months)

My Role

UX/UI Designer

Front-end Developer

Why we built?

We started this project for our senior software engineering project at Seattle Pacific University.

The current lab inventory managing system does not satisfy the users' needs:

the Lab Coordinators are not able to track the inventory items, and students are not able to reserve

a device or inventory in advance.

Realizing this is a real-world problem, we take the opportunity to improve the current

system while implementing some features that help users to utilize the resources.

Problem Statements and Challenges

Problems

Students are not able to reserve equipment

Limited reporting

Admins could not keep track of the items

Admins need to use a different website to generate a QR code

170

kinds of devices

5-25

devices of each kind

40-700

dollars for each device

Solution

Reservation Feature

QR Code Generators

Inventory Reporting

Updating the Status of Equipment

Equipment Information

RFID Technology

UI Design

Low fidelity wireframes

High fidelity wireframes

LOGIN PAGE

Admins or staffs will log in using their school domain email

DASHBOARD

Users can see some short reports or summaries of the inventory: the current week overview, each week during a school quarter, or each quarter during a year.

INVENTORY INFORMATION

A whole list of the current inventory items, including name, tag, location, and some detailed information.

The status of the item can be changed manually.

C-R-U-D is implemented to help users interact with the list

STORAGE TRACKING

Each available item is located at a designated storage location. To remove that item away from its location, it must be reserved.

RFID technology will be implemented to track if an item is being taken away from its place without being reserved.

Add New Item

When adding a new inventory item to the system, a QR Code will be generated, photos are include, and the designated location will also be assigned

Click for Prototype

TECHNOLOGY STACK

Front-end

ReactJS

Bootstrap

HTML/CSS

Back-end

NodeJS

API Gateway

AWS Lambda

Amazon DynamoDB