MySearch (Wikipedia Edition)

MySearch is a fully functional Google-style search engine web app that uses the Wikipedia API to provide real-time search results, completely free and without requiring any API keys.

Overview

This project is built purely with HTML, CSS, and Vanilla JavaScript. It mimics the classic Google search interface while routing all search queries correctly to fetch data from Wikipedia.

Features

• Google-Style Homepage: Clean layout, responsive design across mobile and desktop.
• Wikipedia Search Integration: Uses Wikipedia Search API (action=query&list=search) to fetch articles.
• Image Previews: Uses the Wikipedia Page Summary API (api/rest_v1/page/summary/) to display thumbnail images automatically for results.
• Dark Mode: Toggle button that remembers your preference in localStorage.
• Search History: Saves recent searches into localStorage and provides suggestions when the search input is focused.
• Voice Search: Utilizes the modern Web Speech API to search by voice (available on supported browsers).
• Keyboard Shortcuts: Start typing quickly on the page by using the / key to focus the search bar.

How to run

1. Clone or download this project.
2. Open index.html in your web browser.
3. No build steps, Node.js, or server required (thanks to Wikipedia API CORS origin=*).

APIs Used

• Search Query API: https://en.wikipedia.org/w/api.php
• Featured Image API: https://en.wikipedia.org/api/rest_v1/page/summary/
• No API key is needed. Safe and free to run!

Project Structure

mysearch/
├── index.html
├── results.html
├── README.md
├── css/
│   └── style.css
├── js/
│   ├── home.js
│   ├── results.js
│   └── darkmode.js
└── assets/