🚀 Smart Decision Helper

Overview

Smart Decision Helper is a multi-domain web application designed to assist users in making better decisions by comparing different options across various categories such as gadgets, education, food, and entertainment and more...

Instead of simply displaying data, the application focuses on helping users analyze, filter, and select the best option based on their preferences.

---

Objective

The goal of this project is to demonstrate the use of:

• JavaScript fundamentals
• API integration using fetch
• Dynamic UI rendering
• Array Higher-Order Functions (HOFs) such as map, filter, and sort

---

Domains Covered

The application is designed to support multiple domains:

• 💡 Accessories
• 🎓 Education (Universities & Courses)
• 🍽️ Food / Recipes
• 🎮 Entertainment / Games
• (more to be added)

---

Public APIs Used

📱 Gadgets / Products

• https://dummyjson.com/products
• Provides product data including price, rating, and category

🎓 Education (Universities)

• http://universities.hipolabs.com/search
• Provides university data based on country and name

🍽️ Food / Recipes

• https://dummyjson.com/recipes
• Provides meal and recipe data with categories and ingredients

🎮 Games / Entertainment

• https://api.rawg.io/api/games?key=28b45721b2244372a98083b1afe99f26&page_size=50
• Provides game data such as ratings, genres, and platforms

---

Features (Planned)

• 🔍 Search functionality
• 🎛️ Filtering options based on domain-specific criteria
• 📊 Sorting (e.g., price, rating, alphabetical order)
• ⭐ Best option recommendation system
• 📱 Responsive design for all devices

---

How It Works

1. User selects a domain (e.g., gadgets, food, etc.)

2. Application fetches data from the corresponding API

3. Data is displayed dynamically on the UI

4. Users can:

   • Search
   • Filter
   • Sort

5. The app highlights the most suitable option based on selected criteria

---

🛠️ Tech Stack

• HTML
• CSS
• JavaScript
• Fetch API

---

📁 Project Structure

smart-decision-helper/
│── index.html
│── style.css
│── script.js
│── README.md

---

Key Highlights

• Modular and scalable architecture
• Multi-domain support using multiple APIs
• Focus on decision-making rather than just data display
• Clean and user-friendly interface

---

How to Run

1. Clone the repository
2. Open index.html in your browser
3. Start exploring the application

---

Milestone Status

• Milestone 1: Project Setup and Planning
• Milestone 2: API Integration
• Milestone 3: Core Features
• Milestone 4: Deployment

---

Final Note

This project aims to create a practical and scalable solution that demonstrates real-world application of JavaScript concepts while delivering a meaningful user experience.

---