Mini Asset Manager

A lightweight and responsive web-based tool for managing 3D production assets.
This is a personal test project created to practice front-end development, asset data handling, and UI/UX design in React.

---

Features

• Dark/Light Theme Toggle with icon switch
• Asset Table View with filtering by type and live search
• Status Editor with color-coded badges and full label descriptions
• Editable Descriptions in both table and modal views
• Preview Modal for full asset details and image zoom
• Live Updates to status and description (in-memory for now)
• Tooltips for all interactive elements
• Thumbnail previews from your local /thumbs folder

---

Quick Start

1. Clone the repo

   git clone https://github.com/yourusername/mini-asset-manager.git
   cd mini-asset-manager

2. Install dependencies

   npm install

3. Run the app

   npm run dev

4. Add your thumbnails
   Place them in /public/thumbs/ using matching filenames defined in assets.json.

---

Data Structure (assets.json)

[
  {
    "id": "char_001",
    "name": "HeroCharacter",
    "type": "Character",
    "status": "wtg",
    "thumbnail": "/thumbs/char_001.png",
    "description": "Black-haired woman with straight bangs.",
    "versions": ["v001", "v002", "v003"]
  }
]

Supported statuses (shortcodes):

• wtg: Waiting to Start
• ip: In Progress
• fin: Final
• apr: Approved
• cmpt: Complete
• omt: Omit
• pndng: Pending
• rev: Pending Review
• rtk: Retake

---

Project Structure

/public
  └── /thumbs        - Thumbnail images
/src
  ├── App.jsx        - Main logic
  ├── App.css        - Styling with dark/light support
  └── data/
       └── assets.json - Asset data config

---

Ideas for Expansion

• Connect to a backend (e.g. Supabase, MongoDB)
• Add version upload/preview
• Department or artist tagging
• Export to CSV or ShotGrid-compatible format
• Role-based views (Artist vs Supervisor)

---

Credits

Images in /thumbs/ are placeholder renders from demo assets.

---

Author

Developed by JsonDoe
for practice, learning, and demo portfolio projects.

---

License

MIT – free to use, adapt, or contribute!