An open API service indexing awesome lists of open source software.

https://github.com/ik-web/mock_google_search

Practice work - Mock Google search
https://github.com/ik-web/mock_google_search

css html javascript js material-ui mui react-dom rect

Last synced: about 1 month ago
JSON representation

Practice work - Mock Google search

Awesome Lists containing this project

README

          


Mock Google search


html
javascript
react
mui



>> DEMO LINK <<

## Description:
```
Imitation of Google home page, with search query
and voice input using Google Search Engine API.
You get a page with results after the request.

P.S. The number of request is unfortunately limited by the provided API.
```
## Documentation

> **1. Home page:**
>- Search query page. (Imitation of the Google home page). On this page you can make a search query, voice dialing is also supported by clicking on the microphone icon. Added the ability to change the background image by clicking the pencil icon in the lower right corner of the screen.
>
> **2. Search result page:**
>- A page displaying search results with links to relevant resources. On this page you can also make search queries

**Frameworks / libs dokumentation:**

- [Getting Started with React](https://reactjs.org/docs/getting-started.html)

- [Quick Start REACT ROUTER](https://v5.reactrouter.com/web/example/basic)
- [Material UI](https://mui.com/material-ui/getting-started/overview/)
- [Custom Search JSON API](https://developers.google.com/custom-search/v1/overview)

**The frameworks/libraries/modules used in the project**
- React `npx create-react-app my-app`
- React Router `npm i react-router-dom`
- Material UI `npm install @mui/material @emotion/react @emotion/styled`
- Material UI icons `npm install @mui/icons-material`
- gh-pages `npm i gh-pages --save-dev`

## Developers

- [Ihor Kuchin](https://github.com/ik-web)