Inventory System (Front-End Project) 🎮 🛡️ ⚔️

A game-inspired front-end project that simulates a loot chest system with an interactive inventory UI.

The application allows users to open a chest, receive randomly generated items, and manage them within a grid-based inventory. It features dynamic DOM manipulation, custom drag-and-drop behavior, tooltips, and a responsive layout designed with a mobile-first approach.

This project focuses on building core game-like systems using JavaScript, including item generation, UI state management, and game-like interactions such as loot popups and tooltips.

Features

• Randomized loot generation

• Grid-based inventory system

• Custom drag-and-drop interaction

• Item tooltips with stats and descriptions

• Responsive, mobile-first UI

• Modular item class structure (OOP approach)

Assets/Credits

Icons used in this project are from Game-icons.net (CC BY 3.0).

Individual icons may have been modified (resized, styled) for UI use.

How to Run

Open index.html in your browser with a live server (VS Code extension).

Future Ideas

• Equipment slots

• More items and item types