The Wikipedia Clone is a responsive web application that replicates the basic search functionality of Wikipedia. Users can enter any keyword into the search bar, and the application retrieves relevant articles directly from the Wikipedia Search API using JavaScript’s Fetch API and asynchronous programming (async/await). Search results are dynamically rendered on the page without requiring a page refresh, providing a fast and seamless user experience.

The project demonstrates how to integrate third-party APIs into a web application while handling asynchronous data requests, loading states, input validation, and error handling. Each search result displays the article title, a brief description (snippet), and a direct link to the corresponding Wikipedia page. Additionally, the application includes a light/dark theme switcher, allowing users to customize the interface according to their preference.

This project is ideal for learning API integration, DOM manipulation, event handling, asynchronous JavaScript, and responsive front-end development.

• HTML5 for creating the application structure.
• CSS3 for responsive layout and modern user interface styling.
• JavaScript (ES6+) for application logic and interactivity.
• Wikipedia Search API for retrieving live search results.
• Fetch API for making HTTP requests.
• Async/Await for handling asynchronous operations.
• DOM Manipulation to dynamically display search results.
• Event Listeners for form submission and theme switching.
• Input Validation to prevent empty searches.
• Error Handling using try...catch blocks.
• URL Encoding with encodeURIComponent() for safe API requests.
• Theme Toggle using CSS class switching.