Skip to content

Latest commit

 

History

History
64 lines (44 loc) · 2.03 KB

README.md

File metadata and controls

64 lines (44 loc) · 2.03 KB

Grids and Tables - Responsive App

A responsive grids and tables web application, built using React, TypeScript, NextJS, Redux, and Styled Components.

🚀 https://grids-and-tables.anm.dev/

Features

  • 📱 Responsive - Works on mobile, tablets and desktops.
  • Server Side rendering of data fetched from a REST API.
  • 📙 Features a client side, regex based search.
  • 🚩 Features client side pagination of data.
  • 📅 Features client side sorting of data - Based on Title and Date.
  • 📦 Persist last Searched and Sorting Preferences on the Client Side. Try refreshing the page, the state stays maintained.
  • 🔈 Optimized for accesibility.
  • 📴 Works Offline - Install as a PWA. Configured via a Service Worker.
  • 🚗 Perfect score for all parameters with Google Lighthouse Audit.
  • 🚀 Continous Deployment with Now.sh
  • 📜 Written in TypeScript.

Perfect Lighthouse Score! 🚀 ⚛️

Grids and Tables - Lighthouse Audit - Perfect Score!

Getting Started

Prerequisites

  • Node 10+
  • Yarn

Setup

git clone

cd grids-and-tables

npm install || yarn install

npm run dev || yarn dev

App runs on http://localhost:3000

Grids and Tables - Preview

For Running a Production Ready Build

npm run start || yarn start

App runs on http://localhost:3000

Built With