A simple and responsive Wikipedia search application built with HTML, CSS, and JavaScript. This project allows users to search Wikipedia articles using the Wikipedia API and view results instantly in a clean, user-friendly interface.
- π Search Wikipedia articles in real-time
- π View article titles, links, and snippets
- π Toggle between light and dark themes
- π± Fully responsive design
β οΈ Graceful error handling and loading spinner
HTML5CSS3JavaScript (ES6)Wikipedia REST API
wikipedia-clone/
β
βββ index.html # Main HTML file
βββ style.css # Styling (light & dark themes)
βββ app.js # JavaScript logic
βββ README.md # Project documentation
- π§βπ» The user enters a search term and submits the form.
- π The app fetches matching articles from the Wikipedia API.
- π§Ύ Results are dynamically rendered with title, link, and snippet.
- π A theme toggler allows switching between light and dark modes.
To run the project locally:
# Clone the repository
git clone https://github.com/your-username/wikipedia-clone.git
# Navigate into the folder
cd wikipedia-clone
# Open the HTML file in your browserβ No build tools or dependencies needed.
- β How to work with external APIs (Wikipedia API)
- β
Using
async/awaitfor asynchronous operations - β DOM manipulation and event listeners
- β Building a theme switcher with JavaScript and CSS
- π€ Add voice search support
- π¨ Highlight keywords in the search result snippets
- πΌοΈ Include article images or infobox data
- πΎ Save recent searches using
localStorage
- Wikipedia API Documentation
- Inspired by beginner-friendly JavaScript projects
This project is licensed under the MIT License.
Let me know if you want help customizing this for deployment on GitHub Pages or want a dark-themed badge section too.