🔎 Wiki Search Application

Live Demo: Wiki Search
GitHub Repository: Wiki Search Repository

Welcome to Wiki Search, a dynamic web application that allows users to search for Wikipedia articles effortlessly. Users can type a keyword and instantly view detailed search results, including article titles, descriptions, and links. The application is responsive and designed for a smooth user experience on any device.

---

🚀 Features

• Search Functionality:
  Quickly search for Wikipedia articles by typing a keyword and pressing Enter.

• Dynamic Results:
  Display search results dynamically with article titles, descriptions, and clickable URLs.

• Loading Spinner:
  A spinner indicates progress while fetching data, providing a seamless experience.

• Interactive UI:
  Intuitive and visually appealing interface for ease of use.

• Responsive Design:
  Fully responsive layout to ensure a consistent experience across all devices.

---

🛠️ Tech Stack

• HTML5: Markup for structuring the application.
• CSS3: Styling for the layout and design.
• Bootstrap 4.5: Responsive design with pre-built components.
• JavaScript: Logic for dynamic content updates and API integration.
• REST API: Integration with Wiki Search API for fetching data.

---

🏗️ Installation

To get a local copy of the application up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/deepthireddy2605/WikiPedia.WEB.git

2. Navigate into the project directory:

   cd wiki-search-application

3. Open the index.html file in your preferred web browser:

   • Double-click the index.html file or
   • Use the command:

     open index.html

---

📖 Usage

1. Open index.html in your browser.
2. Type a keyword in the search bar and press Enter.
3. View the results dynamically displayed below the search bar:
   • Article Title: Clickable link that opens the Wikipedia article in a new tab.
   • Article Description: A brief description of the article.
   • Article URL: Direct clickable link to the article.
4. Enjoy the seamless and interactive user experience!

---

📦 Folder Structure

├── index.html             # Main HTML file
├── index.css             # CSS file for styling
├── index.js              # JavaScript file for logic and API calls
└── readme.md              # Documentation file

---

🤝 Contributing

We welcome contributions to improve this project! To contribute:

1. Fork the repository.
2. Create your feature branch:

   git checkout -b feature/AmazingFeature

3. Commit your changes:

   git commit -m 'Add some AmazingFeature'

4. Push to the branch:

   git push origin feature/AmazingFeature

5. Open a pull request.

---

Thank You, 😊
Happy Coding! 👨‍💻👩‍💻 Deepthi