Skip to content

A responsive web app built with React, Redux and TypeScript πŸ‘‹ βš›οΈ

License

Notifications You must be signed in to change notification settings

anmdotdev/grids-and-tables

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

48 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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

Releases

No releases published

Packages

No packages published