DataGrid

Link to deployed version of this comoponent on heroku.

Requirements

Mandatory

• Handles 100, 000s of rows.
• Generic, reusable API that abstracts away the underlying implementation.
• Light backend that serves up the data
• Allow sorting by clicking on columns

Optional stretch goals

• Auto-sizes columns based on cell content
• Edit cell content
• Ability to delete rows
• Resizable / draggable columns
• Tests

Features

• Strictly typed with TypeScript
• column sorting
• Dynamic size
• Cell editing
• Pagenation
• Very Responsive

This project was bootstrapped with

• Typescript
• Node
• React

Getting Started with this project

To clone the repo and install all the dependencies in the frontend folder and the root folder the run scripts below

• step 1: git clone https://github.com/domkoder/datagrid.git

• step 2: cd datagrid enter the root folder

• step 3: npm install install all the dependencies in the project root folder

• step 4: cd frontend enter the frontend folder

• step 5: npm install install all the dependencies in the project frontend folder

• step 6: cd .. go back to the root folder

• step 7: npm run dev run the app

The above scrits Runs the both the frontend and backend app concurrently in the development mode.
Open http://localhost:3000 to view the frontend app in the browser.
Open http://localhost:5000 to view the backend app in the browser.