Logo
  1. Home
  2. Portfolio
  3. Electronics Inventory

© Joshua R. Lehman

Full Stack Developer

Crafted with passion • Built with modern web technologies

2025 • All rights reserved

ELECTRONICS INVENTORY

Organize electronics lab inventory with a documented OpenAPI backend and a responsive frontend that supports both handheld and desktop workflows.

OpenAPI-firstInventory UXResponsive
Electronics Inventory — Dashboard / Catalog

PROJECT DETAILS

Electronics Inventory is a purpose-built app to track devices, parts, and consumables for electronics labs. The project demonstrates a documented OpenAPI backend (Swagger) and a responsive frontend designed for real workflows.

Background

Created to replace ad-hoc spreadsheets and simplify tooling for lab managers — the backend exposes a clear, versioned API for integrations and automation.

Approach

Design a small, focused UI that surfaces search, filtering, and quick edits while the API remains authoritative for synchronization and external integrations.

BACKEND + FRONTENDOPENAPI / SWAGGER
JAVASCRIPTCSS3HTML5WIREFRAMINGUI/UX DESIGNREACTREDUXOPENAPIEXPRESSREST API

What I built

  • Inventory management optimized for electronics labs.
  • OpenAPI-documented backend with Swagger for easy integration.
  • Responsive UI that works on desktop and handheld devices.

Implementation highlights

  • OpenAPI schema and Swagger UI for API-first integrations.
  • Searchable inventory with filters and bulk-edit tools.
  • Role-based access for lab admins and technicians.

Design & Performance

Designed around fast discovery and edit flows. The frontend focuses on accessible controls, concise layouts, and sensible defaults to keep interactions efficient.

Accessibility

  • Keyboard-first navigation and form controls.
  • Clear ARIA roles on dialogs and forms for assistive tech.

SCREENS

Electronics Inventory — Dashboard / Catalog
Electronics Inventory — Dashboard / Catalog
Electronics Inventory — Dashboard / Catalog
FRONTENDBACKENDLIVE SITESEE MORE