calsal8/foot-shape-chart

Single page app that shows foot shapes for each size in a bar chart

Foot Shape Chart by Carl

This project was built with JavaScript as an exercise of frontend programming. It's a single page application showing a size distribution chart for shoe sizes. Size data is fetched from Volumental sample API and rendered with React in a bar chart from Recharts.

Thanks to Babel, this project uses ECMAScript 2017. An example is the use of async/await, which gets the response and passes the data to the state.

Usage

git clone this project
cd into directory
npm install
npm start
open http://localhost:3000 in browser

Dependencies

• React
• webpack
• webpack-dev-server
• babel-loader
• react-hot-loader
• sass-loader
• Recharts

More to ask for

This project doesn't use the latest versions of React, webpack or the webpack loaders. Before using this in a production environment, all frameworks and webpack configuration should be updated accordingly.

Styling is not prefixed to work with all browsers. To guarantee correct styling, use latest version of Chrome Browser.

Responsive design and breakpoints are not implemented in the application, though it looks okay on smaller devices too.