Web-based data analysis

Example: Students' Academic Performance Dataset

Technologies: React and Redux

Author: Ho Seok (Brandon) Oh

Demo

I am using Students' Academic Performance Dataset in Kaggle Datasets. Also, I add some fake students' information such as FirstName, LastName, Phone, and etc with faker.

Objectives

• Understanding of React and Redux
• Converting CSV file to JSON
• Implementing an open source chart library - Chart.js
• Using Frontend stylesheet libraries - Bootstrap, Font Awesome, SASS

Before implementing this web application, I first try to anlayze this dataset on a Jupyter notebook with Python and scikit-learn to check whether missing values exist and to understand several features. Also, I perform Machine Learning algorithms to get more important features.

How to convert CSV file to JSON

$ node csvToJson.js

I've already converted CSV file to JSON called students.json which is located in the public folder.

To start

1. Download or clone

$ git clone https://github.com/exponentian/students-academic-performance.git

2. Go to the folder

$ cd students-academic-performance

3. Install npm packages

$ npm install

4. Start

$ npm start

Happy coding!