Merge pull request #323 from RiyaGupta89/main

Added news-app folder which was mistakely removed

Author: harshita2216

Index.md

@@ -122,4 +122,7 @@
 | [Classifiers using JS](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Classifier-Using-JS) | It is a website which contains three different classifiers, built with the help of API.
 | [String Palindrome Checker](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/String%20Palindrome%20Checker) | Checks if the entered word is a palindrome or not, and also checks the string length.
 | [2048 Game](https://github.com/Gyynnn/Web-dev-mini-projects/tree/2048game/2048%20Game) | A simple 2048 game on website.
-| [Movie Search App](https://github.com/Gyynnn/Web-dev-mini-projects/tree/main/Movie-Search-App) | Simple Movie Search App in HTML, CSS, and JavaScript using the APIs for fetching movies information.
+| [Movie Search App](https://github.com/Gyynnn/Web-dev-mini-projects/tree/main/Movie-Search-App) | Simple Movie Search App in HTML, CSS, and JavaScript using the APIs for fetching movies information.
+| [News App](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/news-app)| This is a React app which fetches the recent news from an api and renders it on the DOM without reloading the page.
+I've used the concept of *Async functions* and *react hook usestate* also worked with *APIs*.
+|

news-app/.eslintcache

@@ -0,0 +1 @@
+[{"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\index.js":"1","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\App.js":"2","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Header.js":"3","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Footer.js":"4","C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Main.js":"5"},{"size":220,"mtime":1627455921840,"results":"6","hashOfConfig":"7"},{"size":284,"mtime":1627456020544,"results":"8","hashOfConfig":"7"},{"size":514,"mtime":1627455223678,"results":"9","hashOfConfig":"7"},{"size":193,"mtime":1627455132750,"results":"10","hashOfConfig":"7"},{"size":1070,"mtime":1627456157616,"results":"11","hashOfConfig":"7"},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1593bgn",{"filePath":"14","messages":"15","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"16","messages":"17","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"18","messages":"19","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"20","messages":"21","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\index.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\App.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Header.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Footer.js",[],"C:\\Users\\Welcome\\Desktop\\LGMsoc'21\\Web-dev-mini-projects\\news-app\\src\\Components\\Main.js",[]]

news-app/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

news-app/README.md

@@ -0,0 +1,49 @@
+# Welcome 🖐 to the News React App Website
+
+This is a React app which fetches the recent news from an api and renders it on the DOM without reloading the page.
+I've used the concept of *Async functions* and *react hook usestate* also worked with *APIs*.
+
+
+## 💻Tech Stack
+<br>
+
+![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)
+![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)
+![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+![REACT](https://img.shields.io/badge/react%20-%23628395.svg?&style=for-the-badge&logo=react&logoColor=%2300C1D4)
+
+<br>
+
+
+### How to get the project on your local machine:
+
+
+---
+
+- Download or clone the repository
+
+```
+git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
+```
+
+- Go to the directory
+- Open news-app folder
+- Open the terminal and run 
+```
+npm start
+```
+- The project will be opened in the browser
+
+
+
+<br>
+
+## Screenshots
+
+![Demo1](/news-app/public/news.png)
+
+![Demo2](/news-app/public/news1.png)
+
+<br>
+
+## Happy Coding!