Skip to content

Latest commit

 

History

History
35 lines (27 loc) · 1.71 KB

README.md

File metadata and controls

35 lines (27 loc) · 1.71 KB

📱 Phone Hunter

🔍 Explore the Latest Smartphones with Ease

Phone Hunter is a dynamic web application that allows users to search for mobile phones and view detailed specifications. Using an intuitive interface and seamless API integration, it provides comprehensive information about various phone models. Whether you're looking for a specific brand or exploring the latest releases, Phone Hunter is your go-to solution.

🚀 Technologies Used

  • HTML5 – Structuring the web pages
  • CSS (Bootstrap 5.2.3) – Enhancing styling and responsiveness
  • JavaScript (Vanilla) – Managing logic and API interactions
  • Programming Hero API – Fetching real-time mobile phone data
  • Netlify – Hosting and deploying the project

🌟 Key Features

  1. 📖 Phone Search & Real-time API Fetching

    • Users can search for mobile phones via an input field.
    • Fetches real-time data using Programming Hero API.

  2. 📊 Detailed Phone Specifications in Modal

    • Displays brand, model, chipset, display size, memory, storage, and connectivity options.
    • Uses a Bootstrap-powered modal for clean presentation.

  3. 🔄 Loading Spinner & Error Handling

    • Spinner animation for better user experience while fetching data.
    • Handles cases where no phone matches the search, displaying an error message.

📂 How to Use

  1. Enter the phone model or brand in the search box.
  2. Click the Search button or press Enter.
  3. View the matching results and click Detail Information to explore specifications.

🛠 Setup Instructions

  1. Clone the repository: 
    git clone https://github.com/KINGALVI/Phone-Hunter.git