🌍 Smart World

🚗 Smart World is a simulation and visualization platform that brings intelligent ecosystems to life! Whether you're exploring smart cities, simulating traffic flows, or managing urban infrastructure, Smart World offers an intuitive and robust environment for creating, editing, and analyzing dynamic systems.

---

🌐 Live Web App

Experience Smart World directly in your browser!
Visit the live web app

---

✨ Features

• 🛣️ Ecosystem Simulation:

  • Build and simulate real-world scenarios, including traffic systems, parking lots, and pedestrian zones.
  • Dynamic map rendering using OpenStreetMap (OSM) data.

• 🛠️ Advanced Editors:

  • Customizable tools to edit and visualize various elements like traffic lights, parking areas, and road markings.
  • Interactive mini-map for navigation and adjustments.

• 🚦 Intelligent Traffic System:

  • Simulate traffic behaviors, including crossings, yield signs, and stoplights.
  • Dynamic vehicle interaction with a built-in visualizer for analyzing movements.

• 📊 Utilities & Analytics:

  • Tools for tracking progress, time management, and graph-based data visualization.
  • Modular utilities for extended functionality, like custom sensors and dynamic graphs.

---

📂 Project Structure

• Core Modules:

  • ecosystem: Components for rendering and managing world settings.
  • editors: Tools for customizing simulation elements.
  • utils: Reusable utilities for graphing, mathematics, and more.

• Frontend & Assets:

  • HTML and CSS for UI rendering.
  • Interactive JavaScript files for real-time simulation and visualization.
  • Image assets (e.g., vehicles, buildings) to enhance realism.

• Database:

  • Preloaded JSON worlds and configurations for quick-start simulation.

---

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/lokeshagg13/Smart-World.git
   cd Smart-World

2. Install dependencies:

   npm install

3. Start the server:

   npm run dev

4. Open the application:
   Navigate to http://localhost:3000 in your browser.

---

🗺️ Using Open Street Map (OSM)

This application supports loading the world using OSM data.

Steps to Fetch OSM Data

1. Go to https://overpass-turbo.eu
2. Select the region from the world map that you want to load onto the app.
3. Paste the following in the left side of the map area to perform some initial data filtering and remove any irrelevant data:

[out:json];
(
way['highway']
['highway' !~'pedestrian']
['highway' !~'footway']
['highway' !~'cycleway']
['highway' !~'path']
['highway' !~'service']
['highway' !~'corridor']
['highway' !~'track']
['highway' !~'steps']
['highway' !~'raceway']
['highway' !~'bridleway']
['highway' !~'proposed']
['highway' !~'construction']
['highway' !~'elevator']
['highway' !~'bus_guideway']
['access' !~'private']
['access' !~'no']
({{bbox}});
);
out body;

> ;
out skel;

---

🎯 Vision

The Smart World project aims to create an intelligent and interactive platform for urban planning, real-time traffic analysis, and educational purposes.

---

📽️ References

• YouTube Tutorials by Radu
• Audio files are sourced from Pixabay Audio under the CC0 License.
• Icons provided by FontAwesome under the Font Awesome Free License.
• Emojis sourced from EmojiDB.

---

🤝 Contributing

We welcome contributions to improve Smart World! Feel free to open issues or submit pull requests.

---

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.