🌆 ColomboNext

ColomboNext is a solo academic mini-project focused on transforming urban life in Colombo, Sri Lanka through technology and sustainability. The platform simulates real-world challenges and provides interactive tools, data visualizations, and conceptual solutions addressing:

• Traffic Congestion
• Urban Flooding
• Waste Overflow
• Energy Inefficiency

🔍 Features

• 🌧️ Flood Risk Simulator – Visualize the impact of rainfall and assess potential flood risks in flood-prone areas of Colombo
• ⚡ Energy Usage Tracker – Estimate monthly energy usage and cost by appliance
• 📅 Events Calendar – Track upcoming tech and sustainability events in Colombo
• 💬 Feedback Portal – Collect suggestions and feedback from users

💻 Tech Stack

• Frontend: HTML5, CSS3, JavaScript
• Libraries & APIs:
  • Chart.js – for visualizing data
  • FullCalendar.js – for interactive event calendar
  • Font Awesome, Google Fonts – for iconography and typography
• Storage: LocalStorage (used for energy tracker to retain user input on refresh)

📂 Folder Structure

colombo-next/
├── assets/
│   ├── css/
│   │   ├── events.css
│   │   ├── feedback.css
│   │   ├── index.css
│   │   ├── local_issues.css
│   │   └── solutions.css
│   ├── images/
│   │   ├── energy-management.jpg
│   │   ├── flodd-management.jpg
│   │   ├── flood-map.png
│   │   ├── form-image.png
│   │   ├── hero-video.mp4
│   │   ├── traffic-management.jpg
│   │   └── waste-management.webp
│   └── js/
│       ├── events.js
│       ├── feedback.js
│       ├── local_issues.js
│       └── solutions.js
│
├── LICENSE
├── README.md
├── events.html
├── feedback.html
├── index.html
├── local_issues.html
└── solutions.html

🚀 How to use

1. 📥 Clone the repository

   git clone https://github.com/asnaassalam/colombo-next.git

2. Navigate to the project folder

   cd colombo-next

Or Download ZIP

3. 🌐 Open in browser

# Just double click index.html or run with a local server

🌐 Live Demo (GitHub Pages)

🔗 Demo URL: ColomboNext

📜 License

This project is licensed under the MIT License.
Feel free to explore and learn from it for educational purposes.

✍️ Author

Asna Assalam

Academic Project