hello maam i have given the pig game a new look with some more features please nake a look

1 - Pig Game/README.md

@@ -24,3 +24,8 @@
 <img src="ss/2.PNG" ></img>
 <br><br>
 <img src="ss/3.PNG" ></img>
+
+## Play the game here -
+https://thepiggame.netlify.com/
+<br><br>
+[![Netlify Status](https://api.netlify.com/api/v1/badges/bd6e5a18-dcc2-4ad9-a14a-dfd7fe0b03e5/deploy-status)](https://app.netlify.com/sites/thepiggame/deploys)

10 - fun with html canvas/README.md

@@ -1,32 +1,13 @@
-# Forkify-It
+# Fun with HTML Canvas
 
-## Functionalities of the App:
+An effort to implement a small canvas using HTML and CSS and Vanilla-Js.
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
+# Demo of the app -
 
-## What I learnt -
+![HTML-Canvas Demo](htmlcanvas.gif)
 
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
+## Checkout the app here -
 
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+https://my-canvas.netlify.com/
+<br><br>
+[![Netlify Status](https://api.netlify.com/api/v1/badges/5138c261-3cc0-4cab-8103-5ceed20ce35f/deploy-status)](https://app.netlify.com/sites/my-canvas/deploys)

11 - dev tools domination/README.md

@@ -1,32 +1,15 @@
-# Forkify-It
+# Dev tools Domination
 
-## Functionalities of the App:
+Learnt about various developer tools and console tricks such as
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
+- console.log
+- console.warn
+- console.error
+- console.info
+- console.clear
+- console.count
+- console.dir
+- console.timeEnd
+- console.table
 
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+Check out the source code to know more !

12 - hold shift and check checkboxes/README.md

@@ -1,32 +1,8 @@
-# Forkify-It
+# Hold Shift and click checkboxes
 
-## Functionalities of the App:
+The app lets you select a range of things using the Shift key.Go ahead and give it a try !
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
+## Checkout the app here -
+https://clickshift.netlify.com/
 
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/a5e460d4-d518-45bf-a52a-af392d3281a4/deploy-status)](https://app.netlify.com/sites/clickshift/deploys)

13 - Custom Video Player/README.md

@@ -1,32 +1,13 @@
-# Forkify-It
+# Custom Video Player 
 
 ## Functionalities of the App:
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
+- Play and pause the running video.
+- Increase or decrease the speed of the video.
+- Increase/Decrease the volume.
+- Increase/Decrease the progress of the video.
 
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+## Checkout the video player here -
+https://the-video-player.netlify.com/
+<br><br>
+[![Netlify Status](https://api.netlify.com/api/v1/badges/82fb6d53-46b3-408d-b789-6798cdc67729/deploy-status)](https://app.netlify.com/sites/the-video-player/deploys)

14 - key sequence detection/README.md

@@ -1,32 +1,3 @@
-# Forkify-It
-
-## Functionalities of the App:
-
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
-
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+# Key Sequence Detection
+The app detects the input key sequence, matches it with the previously defined magic word, and updates the UI accordingly.
+To know more about it, check the source code.

15 - slide in on scroll/README.md

@@ -1,32 +1,8 @@
-# Forkify-It
+# Slide in On Scroll
 
-## Functionalities of the App:
+An effort to implement the sliding of images as the page scrolls.
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
-
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+## Check it out here -
+https://imageslide.netlify.com/
+<br><br>
+[![Netlify Status](https://api.netlify.com/api/v1/badges/5b19cc3e-6555-454e-afad-32d159406909/deploy-status)](https://app.netlify.com/sites/imageslide/deploys)

16- JavaScript References VS Copying/README.md

@@ -1,32 +1,5 @@
-# Forkify-It
+# JavaScript References Vs Copying.
 
-## Functionalities of the App:
+## Learnt About:
 
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
-
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
-
-## Demo of the app -
-![Forkify-It Demo](demo.gif)
+- Referencing and Copying in primitive data types and in arrays and objects, and their difference.

17 - Local Storage and Event Delegation/README.md

@@ -1,32 +1,11 @@
-# Forkify-It
+# Local Storage and Event Delegation
+A simple order-taking app that lets you 
 
-## Functionalities of the App:
-
-- Search over 10,000 food items and get their recipes.
-- Add, Delete and Update the ingredients to your shopping list.
-- Mark your favorite recipes and access them anytime.
-- Adjust the ingredients based on the servings.
-
-## What I learnt -
-
-* Modules in ES6, imports and exports,named and default
-* The concept of application state, a simple way of implementing state
-* Advanced DOM manipulation
-* How to use ES6 template strings to render entire HTML components
-* Rendering an AJAX loading spinner
-* How to use .closest method for easier event handling
-* How and why to use data-* attributes in HTML 5
-* Pagination
-* how to read data from the page URL
-* how to respond to the haschange event
-* how to add the same event listener to multiple events
-* Using array methods like map,slice,findIndex and includes
-* how and why to use eval()
-* Implementing event delegation through '.matches'
-* Creating unique IDs using an external package
-* Difference between array.slice and array.splice
-* use case for array.findIndex() and array.find()
-* loacl Storage API
+- Add the dish to your order list.
+- Mark your favorite dish and access them anytime.
+- Saves the data throughout page loads.
 
 ## Demo of the app -
-![Forkify-It Demo](demo.gif)
+https://thelocaltapas.netlify.com/
+<br><br>
+[![Netlify Status](https://api.netlify.com/api/v1/badges/3cc57863-a897-43cb-a06b-a94c75929b14/deploy-status)](https://app.netlify.com/sites/thelocaltapas/deploys)