Bamomas Battery - API Call app

Features

• Fetch data and display in a table
• Filter by location, connection status columun
• Sort by id, voltage, capacity, connection status, connectio time, charge state, health state , and number of issues
• Reset sort
• Use react hooks, useEffect, useState
• Display a single Battery object in separate page accessed by clicking Object Id
• React Router , to navigate through pages
• Displays No page for non existing route
• Render Pending component while data is loading
• Only plain css styling used , no other css framworks are implemented
• Some fontawsome icons are included
• Small reusable components
• Pagination; split the whole bulk data in to small chunk and renders it without calling the api repeatdly
• Media qurey is used to create more than one layouts for different size viewport
• Helper objects are used to match and represent numerical data with meaningful word expressions
• State of charge measurments is displayed in Line chart by using React Google charts liberary

How to Run

CMD
• $ yarn install
• $ yarn start
• visit - localhost:3000

Bug to be fixed

React is complaing about using selected keyward in Select html option tag. To be fixed

Link