From db5b7f8b0f119800e7da2aa4691a875f96904987 Mon Sep 17 00:00:00 2001
From: Ajita369 <162597493+Ajita369@users.noreply.github.com>
Date: Fri, 28 Jun 2024 17:54:24 +0530
Subject: [PATCH] Added GIF search app
---
.../Basic/GIF Search App/README.md | 27 +++++
.../Basic/GIF Search App/api-key.js | 2 +
.../Basic/GIF Search App/index.html | 31 ++++++
.../Basic/GIF Search App/manifest.json | 19 ++++
.../Basic/GIF Search App/script.js | 73 ++++++++++++
.../Basic/GIF Search App/style.css | 104 ++++++++++++++++++
6 files changed, 256 insertions(+)
create mode 100644 Web Development/Basic/GIF Search App/README.md
create mode 100644 Web Development/Basic/GIF Search App/api-key.js
create mode 100644 Web Development/Basic/GIF Search App/index.html
create mode 100644 Web Development/Basic/GIF Search App/manifest.json
create mode 100644 Web Development/Basic/GIF Search App/script.js
create mode 100644 Web Development/Basic/GIF Search App/style.css
diff --git a/Web Development/Basic/GIF Search App/README.md b/Web Development/Basic/GIF Search App/README.md
new file mode 100644
index 000000000..cb18b7d3b
--- /dev/null
+++ b/Web Development/Basic/GIF Search App/README.md
@@ -0,0 +1,27 @@
+# GIF Search App
+
+This app will generate the Gif's of the category which user wants.
+
+## Features
+
+- This will provide 10 gifs based on the search.
+- The user can copy link of gif , then can open link on another page and download it.
+
+## Setup
+
+Open `index.html` in your preferred web browser.
+
+## How to Use
+
+You can type the category of gif you need in the search box like laugh,dancing,smirk and others.
+
+## Project Structure
+
+- `index.html`: The HTML file containing the structure of the website.
+- `styles.css`: The CSS file for styling the website.
+- `script.js`: The JavaScript file for functionality of website
+- `README.md`: The readme file you are currently reading.
+
+## Credits
+
+This was created by Ajita Gupta [github - @Ajita369] as a simple project.
\ No newline at end of file
diff --git a/Web Development/Basic/GIF Search App/api-key.js b/Web Development/Basic/GIF Search App/api-key.js
new file mode 100644
index 000000000..96218281d
--- /dev/null
+++ b/Web Development/Basic/GIF Search App/api-key.js
@@ -0,0 +1,2 @@
+//Paste the generated API Key here
+let apiKey = "SF1FriVApRyR6efDmPYYdzbUK6dhVlOf";
\ No newline at end of file
diff --git a/Web Development/Basic/GIF Search App/index.html b/Web Development/Basic/GIF Search App/index.html
new file mode 100644
index 000000000..c438fd3ab
--- /dev/null
+++ b/Web Development/Basic/GIF Search App/index.html
@@ -0,0 +1,31 @@
+
+
+