Skip to content

KINGALVI/Phone-Hunter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

17 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“± 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

About

Phone Hunter is a simple web application that lets users search for mobile phones and view detailed specifications using an external API. Built with HTML, Bootstrap, and JavaScript, it features real-time search, a loading spinner, and error handling. Hosted on Netlify, it offers an intuitive way to explore new devices

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors