Retailer Application Rework

The basis of this project is to solve the need for a more streamlined application for the Build To Order furniture industry. This application connects finishers, builders, and stores in one central application cutting down the average time from ordering a custom furniture piece from 6-14 weeks to 2-3 weeks or an 85% reduction in wait times from worst - best time.

My Task

I was hired on as a full stack developer CO-OP student until the end of April and I'm tasked with converting their old legacy Microsoft Access application into a modern Web Application using React, SQL, Redux, Material UI, Docker, and Microsoft Azure Cloud Services.

The Problem

Currently in the custom build to order furniture industry the time from ordering a custom piece to receieving that custom furniture takes on average 6-14 weeks. The main bottleneck in this process is the delayed communications between the three main parts of the supply chain (Finishers, Builders & Retailers). Things are also slowed down by the lack of automation and human error, as orders can be lost or a sales person can get busy and forget about sending an order to the next part of the supply chain.

Our Solution

The solution Dadolinks/Axcys came up with is a centralized retailer application that will connect Finishers, Builders, and Retail Stores in one convienent & fast application. Originally there was a legacy program created by the CEO which was made using Microsoft Access.

Legacy Application

Updated Login

First Task

My first tasks were to update the login page, and create a registration page for new users of the application. I created a login page in addition to registration pages which were connected with Redux Store and eventually writes to our backend SQL database using a REST API to communicate with our server. I also implemented authentication and resulting in only authorized users being able to view/use the system

New Registration Confirmation Screen

Next the Dashboard

The dashboard needed a lot of work and I created the updated version with a more modern feel. I mainly used elements from Material UI in addition to Chart.JS to create a new modern dashboard for the application

Updating lists and adding new items to lists

Currently I'm working on updating the various lists which showcase things such as products, vendors, hardware, colour options, and more.

Comparison of old/new Customer Component

Comparison of old/new Add Customer Component

New Editing Modal

We decided to use modals which pop up when a user clicks to edit a certain customer, product, colour, etc.

Next Steps

I'm currently working on the application full time and will be periodically updating this page as the project moves forward towards a production ready application by April when my CO-OP finishes.