|
1 | 1 | [](https://classroom.github.com/a/RwYFkG2A) |
2 | | -# GLOW by Microsofties - https://glow-frontend-v4-0-0.onrender.com/ |
| 2 | +# GLOW by Microsofties |
| 3 | +https://glow-frontend-v4-0-0.onrender.com/ (Discontinued) |
| 4 | + |
| 5 | +GLOW is a full-stack web application developed by the Microsofties team for CSCC01. This project is an **interactive water data visualization platform** that displays real-time water temperature and quality data on an interactive map interface. The application demonstrates a complete **Model-View-Controller (MVC)** architecture with modern web technologies. |
3 | 6 |
|
4 | 7 | ### Light Theme |
5 | 8 | <img width="1919" height="1092" alt="image" src="https://github.com/user-attachments/assets/8fb12f63-1e14-4425-9c57-15c3891fd353" /> |
|
18 | 21 | ### Mobile View |
19 | 22 | <img width="529" height="889" alt="image" src="https://github.com/user-attachments/assets/7d1c741f-5a57-4a7f-8cb0-ae4c176d23ff" /> |
20 | 23 |
|
21 | | -## Project Overview |
22 | | - |
23 | | -GLOW is a full-stack web application developed by the Microsofties team for CSCC01. This project is an **interactive water data visualization platform** that displays real-time water temperature and quality data on an interactive map interface. The application demonstrates a complete **Model-View-Controller (MVC)** architecture with modern web technologies. |
24 | 24 |
|
25 | 25 | ## Key Features |
26 | 26 |
|
27 | | -### 🗺️ **Interactive Map Interface** |
| 27 | +### **Interactive Map Interface** |
28 | 28 | - Real-time water temperature markers with custom pinpoint-style displays |
29 | 29 | - Dynamic light/dark theme switching for map tiles |
30 | 30 | - Custom HUD (Heads-Up Display) components for enhanced user experience |
31 | 31 | - Responsive design for desktop and mobile devices |
32 | 32 |
|
33 | | -### 📊 **Water Data Visualization** |
| 33 | +### **Water Data Visualization** |
34 | 34 | - Integration with OpenWater API for live water quality data |
35 | 35 | - Temperature markers with speech bubble-style backgrounds |
36 | 36 | - Interactive popups with detailed location information |
37 | 37 | - Real-time data fetching and display |
38 | 38 |
|
39 | | -### 🎨 **Modern UI Components** |
| 39 | +### **Modern UI Components** |
40 | 40 | - Floating menu system with customizable positioning |
41 | 41 | - Multiple HUD components (Login, Navigation, Data Points, Settings) |
42 | 42 | - Theme-aware styling with automatic dark/light mode detection |
|
0 commit comments