The goal of this project was to create a web interface that presents traffic-light data through different visual formats, making its current state easy to understand. The interactive application receives real-time data from a Raspberry Pi.
Development
Implemented features:
-
Raspberry Pi connection
- Established a connection between the web application and Raspberry Pi to receive live traffic-light data.
-
Data visualization
- Created graphical and symbolic representations of the traffic-light state.
- Data is represented as an array in which each value corresponds to red, yellow, and green—for example,
{0,0,1}.
-
Real-time updates
- The interface updates dynamically whenever the traffic-light state changes.
Technologies:
- Next.js: The main web framework, selected for fast rendering and efficient routing.
- Raspberry Pi: The traffic-light data source.
- Firebase: Stores the traffic-light data and makes it available to the front end.