Skip to content

PittsGitHub/RenderJsonDemo

Repository files navigation

🎨 JSON Data Viewer (JDV)

A sleek, single-page web app for visualising local JSON bilbotemp data — built using the BilboilerPlate

This project is part practical tool and learning project, part design experiment — focused on making structured data beautiful and human-readable... sort of


✨ Features

  • 🔥 Glowing Cards: Styled telemetry entries with soft neon shadows and responsive layouts.
  • 💾 Local JSON Import: Pulls mock telemetry data from a local mockData.json file.
  • 🧮 Auto-ID Assignment: Each entry is automatically assigned a numeric ID during render.
  • Timestamp Formatting: Custom timestamp formatting split into readable date and time via utility functions.
  • 💅 Tailwind CSS Styling: Utility-first styling approach with component-specific and global styles.
  • 🖼 Fully Responsive: Designed mobile-first and scales beautifully to larger screens.

🚀 Getting Started

git clone https://github.com/PittsGitHub/RenderJsonDemo
cd BilboilerPlate
npm install
npm run dev

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published