Skip to content

Single‑page demo that fetches data from a public API, renders an interactive list with multi‑field filtering, and displays details in an animated modal. Supports light & dark themes, adheres to WCAG 2.1 AA, and runs directly on GitHub Pages.

Notifications You must be signed in to change notification settings

NikzadBehnam/list-render-filter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

List Rendering & Filtering (Vanilla JS + CSS)

Single‑page demo that fetches data from a public API, renders an interactive list with multi‑field filtering, and displays details in an animated modal.
Supports light & dark themes, adheres to WCAG 2.1 AA, and runs directly on GitHub Pages.

Quick start

git clone https://github.com/NikzadBehnam/list-render-filter.git
cd list-render-filter
open index.html

Lighthouse Report

You can view the generated Lighthouse report here.

About

Single‑page demo that fetches data from a public API, renders an interactive list with multi‑field filtering, and displays details in an animated modal. Supports light & dark themes, adheres to WCAG 2.1 AA, and runs directly on GitHub Pages.

Resources

Stars

Watchers

Forks

Packages

No packages published