Skip to content

Responsive companies table in React [ API, Hooks, RWD ]

Notifications You must be signed in to change notification settings

mateuszdobija97/Companies

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Companies Table

Companies table created in React using: API, Hooks, HTML, CSS. This project was bootstrapped with Create React App. The application works on desktop, mobile and tablet devices.

Table of contents

General info

The project contains detailed information about company's incomes, i.e. 'id, name, city, total income, average income, last month income'. The purpose of the project is to get a job and acquire new skills in the front-end technologies.

Screenshots

Start view:

Example screenshot

Search view:

Example screenshot

Reponsive view:

Example screenshot

Technologies

  • npm - version 6.14.4
  • react/react-dom - version 16.13.1
  • node - version 14.0.0
  • axios - version 0.19.2

Setup

Download the source code use:

git clone https://github.com/mateuszdobija97/Companies.git

Install npm and axios use:

npm install
npm i axios

Run the server:

npm start

Features

List of features:

  • Data display (id, name, city, total income, average income, last month income)
  • Sorting data (click on a column: first click - ascending, second click - descending)
  • Data search (can filter the result of the table by all fields)
  • Paginated table (20 data per page)
  • Responsive view (The application works on breakpoints: 360x640 ++)

Status

Project is finished.

Contact

Created by Mateusz Dobija

About

Responsive companies table in React [ API, Hooks, RWD ]

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published