This is our group's final report for the Web Front-end Development course.
- Live Demo: View Website on GitHub Pages
- Presentation Slide: Canva Design
- Data Source: Google Sheets
- Fang-Yi Su
- Sheng-Lin Chen
- Yu-Ren Gao
We utilized a variety of modern frameworks and libraries to build a high-performance, modular web application:
| Module | Technologies | Key Features / Notes |
|---|---|---|
| Main Pages (Home, Map, Quiz) | Vanilla JS + Tailwind CSS | Lightweight, fast loading, and direct DOM manipulation. |
| Data Visualization | Chart.js | Rendering interactive statistical charts via HTML5 Canvas. |
| AI Chatbot Interface | Vue 3 + SFC Loader | Independent module with its own state management. |
| AI Communication & Rendering | Axios + Marked + Highlight.js | Handles Gemini API communication, Markdown parsing, and code syntax highlighting. |