Giggle
所属分类:内容生成
开发工具:JavaScript
文件大小:183KB
下载次数:0
上传日期:2022-08-01 01:53:06
上 传 者:
sh-1993
说明: 搜索最新的结果、新闻、图像和视频。
(Search for up-to-date results, news, images,and videos.)
文件列表:
craco.config.js (126, 2022-08-01)
package-lock.json (706524, 2022-08-01)
package.json (1093, 2022-08-01)
public (0, 2022-08-01)
public\favicon.ico (3870, 2022-08-01)
public\index.html (342, 2022-08-01)
src (0, 2022-08-01)
src\App.js (653, 2022-08-01)
src\components (0, 2022-08-01)
src\components\Footer.jsx (185, 2022-08-01)
src\components\Links.jsx (622, 2022-08-01)
src\components\Loading.jsx (228, 2022-08-01)
src\components\Navbar.jsx (941, 2022-08-01)
src\components\Results.jsx (4427, 2022-08-01)
src\components\Routes.js (466, 2022-08-01)
src\components\Search.jsx (1470, 2022-08-01)
src\context (0, 2022-08-01)
src\context\ResultContextProvider.js (1739, 2022-08-01)
src\global.css (59, 2022-08-01)
src\index.js (396, 2022-08-01)
tailwind.config.js (214, 2022-08-01)
# Giggle (Google Search Clone)
**Test it out:
[Giggle](https://giggle-search00.netlify.app/)**
https://user-images.githubusercontent.com/63813872/140***1607-b47194b6-184e-4b37-b03e-d9be8d62a82a.mov
## Description
Search for up-to-date results, news, images,and videos.Built a fully responsive modern UI with integrated Dark mode using React and Tailwind CSS. Implemented Dynamic Routing using react-router-dom. Used useDebounce hook for debouncing fast changing search value. Deployed on Netlify.
**API** used to get search results: [Googe Search by apigeek](https://rapidapi.com/apigeek/api/google-search3)
## Set-Up locally
- Clone this repo
```bash
https://github.com/SudhanshuBlaze/Giggle.git
```
- Install Dependencies
```bash
npm install
```
- Sign Up at [rapid API](https://rapidapi.com/apigeek/api/google-search3) and generate new API key.
- Create a .env file in root of the project
- Populate it with **API KEY**
ex:
```
REACT_APP_API_KEY="xxx"
```
- start the server
```bash
npm start
```
近期下载者:
相关文件:
收藏者: