/cbcelections

Election data display. React + Semantic-UI + Responsive + AJAX

Primary LanguageJavaScript

About App

This app displays election data. It is built with React, with Semantic-UI used for design.

Key Attributes

  • Responsive
  • Class components are used for components with state and stateless functional components are used for components without state (presentational components).
  • The CSS in JS approach is used for most of the basic styling. For a larger application, all styling would be in a css file linked to a specific component or an official CSS-in-JS library
  • Although only the top four parties are initially visible, "Load More" can be selected to load data for additional parties.

Additional Packages used:

  • axios - (used for api calls)
  • uniqid (used to create unique keys)
  • semantic-ui-react (used for overall design)

Install App

git clone https://github.com/aliasunder/cbcelections.git

Next, in the project directory, install package dependencies:

npm install 

Run App

From the project directory, run the following command:

npm start