Basic Store Stock Item Tracking Application

This is a demo single page application. The purpose of this application is to allow store owners to track inventory items.

How to install and run:

git clone https://github.com/pvijeh/stock-tracking-app-reactjs
npm install
npm run

Objective:

Build a simple single page application that can track store stock items for the following attributes:
name
description
price
available date
Taxability

Users should be able to view all existing stock items as well as add new stock items

Discussion:

Libraries and Frameworks Used:

For this application I used the React Isomorphic Starter Kit
the starter kit includes react.js, Babel, webpack, postcss
and a well organized directory structure as well as isomorphic rendering
In addition to the starter kit, I also used the following libraries:
faker - used to generate fake data
Event Emitter 3 - used in conjunction with Flux
Flux, used to communicate between components and manage state
React Datepicker Component - a data table component for react.js
React Data Fixed Table -- a data table component for react.js

Scalability

This application should scale to track tens of thousands of items and the starter kit includes routing functionally as well as an http request library to interact with an API

Maintainability

Thanks to the React Isomorphic Starter Kit, the app has a organized and maintainable directory structure. Components are organized into individual folders along side accompanying CSS

Potential Pain Points

This project leverages the React Isomorphic Starter Kit . There is no easy way to take advantage of continued development of the starter kit as it would require manually merging the projects, which can be time consuming and error prone. Additionally, this project introduces some unnecessary complexity (isomorphic rendering) and must be run on a server-- which introduce additional obstacles that would not be present if this were purely a client side app.