INVENTORY SYSTEM APPLICATION
TECHNOLOGIES
BACKEND |  |
DATABASE |  |
FRONTEND |  |
STYLING | CSS |
MARKUP | HTML 5 |
DEVELOPMENT
FRAMEWORK |
PROPRIETARY |
DESIGN PATTERN |
MVC |
TEMPLATE ENGINE |
NO |
This application is a full inventory product system made custom specifically for the company. The product system allows employees to display their products and have customers add their products to a shopping cart. Company employees added their inventory in the backend for their items to be displayed in the frontend. This integrated with the company's custom content management system, and custom shopping cart.
The backend system was responsible for:
- Create an item.
- Add pricing for an item, including multiple sizes.
- Specify if an item is out of stock, if so display to user and prevent ordering.
- Specifiy if an item is active or inactive.
- Add short and long descriptions for an item.
- Add Item images - both thumbnail and large image.
- Add custom video for each item (if needed).
- Grouping - set a specific item to a specific user defined group.
- Custom Sorting. Sort by SKU or by group.
| The frontend system was responsible for:
- Display products by group.
- Display price, quantity and sizes available.
- Integrate adding item with custom shopping cart.
- Display thumbnail image and short description.
- Display large image and long description.
|
FUNCTIONALITY
- Products displayed
- Display item SKU
- Display item description and image
- Display item size and price
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The products chosen are displayed to the customer.
TOP
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The customer can select products from a list of product categories that satisfy what they're looking for.
TOP
FUNCTIONALITY
- View products belonging to a specific group
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The customer can choose all products based off of the group or collection chosen. For example, customers could shop according to the category "shampoos", but also shop according to the group "like it curly" or collection "concept vert". The "like it curly" group or "concept vert collection" could contain shampoos for curly hair, along with any other category of products related curly hair or products related to the collection.
TOP
FUNCTIONALITY
- View each product description
- View each product image
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The customer always has the ability to view the product description and product image without navigating away from the page.
TOP
FUNCTIONALITY
- Display product ingredients
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
Displays the product's ingredients to the user without the user having to navigate away from the page.
TOP
FUNCTIONALITY
- Display product sizes available
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
Each product's size is displayed to the user.
TOP
FUNCTIONALITY
- Display product sizes currently out of stock
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
Display to the user which size is out of stock, with a backend option to display when the product will be back in stock.
TOP
FUNCTIONALITY
- Choose quantity to add
- Add product to cart
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The user can add an item and valid quantity of the item to their shopping cart.
TOP
FUNCTIONALITY
- View video corresponding to product group
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
The customer has the ability to watch a product's video right then and there without navigating away from the page. This simple yet necessary ability decreases failed conversions.
TOP
FUNCTIONALITY
- Quantity Validation
- Output error to user
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
Output error to customer when invalid quantity type is added to the cart.
TOP
WHAT DARYL DID
BACKEND | ALL FUNCTIONALITY |
FRONTEND | ALL FUNCTIONALITY |
Each product's price per size is clearly displayed.
TOP