📋 Dev Log
A running record of what's been built, what's in progress, and what's coming next.
About This Project
Midnight Lite is a personal website built entirely from scratch — no themes, no page builders. The main content pages use plain HTML, CSS, and vanilla JavaScript to stay fast and readable. Interactive tools (like the EUC Visualiser) are built with React and Vite, bundled at deploy time by Netlify. The site lives at midnight-lite.com and its source code is public on GitHub.
Tech Stack
| Technology | Used for |
|---|---|
| HTML5 / CSS3 / Vanilla JS | All main content pages |
| React 19 | Interactive app components |
| Vite 6 | Dev server and production bundler |
| React Leaflet | Map rendering in EUC Visualiser |
| Recharts | Charts and data visualisation |
| MUI (Material UI) | UI component library |
| Mermaid.js | Gantt charts on project detail pages |
| PapaParse | CSV parsing in the browser |
| Netlify | Hosting, CI/CD, custom 404 redirects |
Site Pages
- 🏠 HomeHero, animated background, project carousel
- 👤 AboutA little bit about me
- 📁 ProjectsCard grid with category filter
- ⚙️ ServicesInteractive app launcher
- 📊 EUC VisualiserReact data dashboard (CSV upload)
- 📋 Dev LogThis page — milestones & future plans
- 🖥️ Project 1Website Building from Scratch
- 📷 Project 2ESP32 Cam for Fun
- 🍓 Project 3Raspberry Pi Related
Milestone Timeline
27 March 2026
Dev Log page & full documentation added
Agentic AI used to review code, flesh out project detail pages, and write documentation. This Dev Log page (progress.html) and a comprehensive README were added to the repository.
27 March 2026
Projects page rebuilt with filter bar & featured card
The projects listing page was redesigned with a category filter (All / Web / Hardware), a dynamically-populated "Featured" card showing the most recently updated project, and individual project detail pages with Gantt timelines.
26 March 2025
EUC World data visualiser deployed
A React + Vite app that reads a CSV export from the EUC World app and visualises ride data — route maps (Leaflet), speed/power charts (Recharts), and summary statistics. Served via Netlify from the same repository.
20 March 2025
Services page & About page added
A Services page was created as an app launcher with a detail panel. An About Me page was added with a short personal bio and a contact prompt.
1 January 2025
Home page redesign
The homepage received a full visual refresh: parallax hero image, animated floating circles in the background, and a project carousel with previous/next controls.
1 November 2024
Core site deployed to Netlify
The main pages (Home, Projects, About) were deployed for the first time. Custom domain and SSL set up via Netlify.
31 January 2024
First prototype
The very first version of the site — a single "Coming Soon" page. The project and the repository were created.
Future Plans
Live Flights Globe
Pull real-time ADS-B / AeroAPI flight data and render aircraft positions on an interactive 3D globe using CesiumJS or Globe.gl. Filter by airline, altitude, or region.
Smart Home Dashboard
A web UI for monitoring and controlling smart home sensors and devices. Backed by a Raspberry Pi running an MQTT broker, with live data fed to the browser.
Dev Log Sub-pages
Dedicated pages for individual devlog entries so updates can be shared, linked, and searched separately.
Projects Search
A live search bar on the Projects page to filter cards by keyword — useful once the project list grows.
Dark / Light Mode
A toggle to switch between the current dark theme and a light variant. User preference saved to localStorage.
Real Project Photos
Replace the "Under Construction" placeholder images with actual photos and screenshots of hardware builds and running apps.