Lyric React Data Grid

This app was built using React JS.

It is used to build a basic data grid based on an input array provided. Browser's Local Storage is being used as a source of data storage here. A history feature is also being implemented, to view the changes made.

Dependencies

Inter font - The CSS and web font files to easily self-host the “Inter” font.
Moment - A JavaScript date library for parsing, validating, manipulating, and formatting dates.
Classnames - A simple JavaScript utility for conditionally joining classNames together.

Dev Dpendencies

Tailwind - A utility-first CSS framework for rapidly building custom user interfaces.
PostCSS - PostCSS is a tool for transforming styles with JS plugins.
AutoPrefixer - Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you.

To run locally

To run the app locally, use yarn to install dependencies, and then use yarn dev to run in local environment

yarn

yarn start

Live Demo

Click here to view live demo of the app.

TO DO

Search functionality
Add data functionality
Remove data functionality