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
- 🔥 Glowing Cards: Styled telemetry entries with soft neon shadows and responsive layouts.
- 💾 Local JSON Import: Pulls mock telemetry data from a local
mockData.jsonfile. - 🧮 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.
git clone https://github.com/PittsGitHub/RenderJsonDemo
cd BilboilerPlate
npm install
npm run dev