Back to Projects

Inventory Management System (Django Web App)

Stack: Django, MySQL, HTML, CSS, JavaScript

Overview

This project is a simple web app that helps keep track of products, suppliers, and orders. I built it to learn Django while practicing how to connect a website to a database and design a clear, easy-to-use dashboard. It includes full CRUD features—add, edit, delete—and warns you when stock runs low.

Key Features

• 📦 Manage products, suppliers, and orders with full CRUD support.
• ⚠️ Automatic low-stock alerts when quantities drop below set levels.
• 📊 Dashboard summary showing recent activity and stock insights.
• 🔍 Search and filters to quickly locate specific items.
• 🛠️ Simple, intuitive admin interface built with Django templates.

Design & UI Choices

I wanted the app to look clean and easy to use. The dashboard, tables, and reports all share the same simple layout so everything feels connected. Bright blue headers make each section stand out, and rounded corners with light shadows give the pages a softer look.

The goal was to make information easy to find at a glance. Tables are neatly lined up with clear headings and small icons to help identify what each column shows. Buttons like "View" and "Add" are placed where users expect them, and highlighted rows help call attention to important or recently updated items.

• ✅ Blue headers for clear visual separation.
• ✅ Rounded corners and soft shadows for a friendly feel.
• ✅ Consistent spacing and simple layout for readability.
• ✅ Highlight colors make key data easy to spot.

Project Structure

I kept the project organized by separating code, templates, and static files into different folders. This makes it easier to update parts of the app later and keeps everything neat and easy to find. Each file has a clear purpose—for example, models.py stores the data setup, while views.py controls what shows up on each page.

Inventory_Management_System/
├── manage.py
├── ims_app/
│   ├── models.py        # Product, Supplier, Order data
│   ├── views.py         # Handles page logic and data flow
│   ├── urls.py          # App routes
│   ├── templates/       # HTML templates for each view
│   └── static/          # CSS and JavaScript files
├── ims_project/
│   ├── settings.py      # App and database settings
│   ├── urls.py          # Main URL routes
│   └── wsgi.py          # Server entry point
└── db.sqlite3           # Local database
                

This layout follows common Django practices and keeps the project easy to maintain and expand with new features later on.

Screenshots

• 

  🔐 Admin login page

• 

  📊 Dashboard overview

• 

  ⭐ Highlighted key items

• 

  📦 Product list view

• 

  🧾 Product details view

• 

  ⚠️ Low stock report

• 

  🗂️ Activity log

• 

  🧭 Admin dashboard

• 

  🧺 Admin order list