Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mubassim-khan/news-app-reactjs
A fast, efficient & updated news app, having multiple options & categories of news. Get updated to the world's news of your favorite choice & type.
https://github.com/mubassim-khan/news-app-reactjs
bootstrap5 newsapi project react-hooks react-router reactjs
Last synced: about 1 month ago
JSON representation
A fast, efficient & updated news app, having multiple options & categories of news. Get updated to the world's news of your favorite choice & type.
- Host: GitHub
- URL: https://github.com/mubassim-khan/news-app-reactjs
- Owner: Mubassim-Khan
- Created: 2023-07-09T18:52:12.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-15T19:56:58.000Z (about 1 year ago)
- Last Synced: 2023-10-16T18:04:03.495Z (about 1 year ago)
- Topics: bootstrap5, newsapi, project, react-hooks, react-router, reactjs
- Language: JavaScript
- Homepage:
- Size: 1.04 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Overview of MAK News App
MAK News app is built with React JS, by fetching data from API key & manipulating the DOM. New news articles renders, everytime when the section is scrolled. You can view news of your favorite category at any day & time.
Categories of news available are:
- Business
- General
- Sports
- Health
- Science
- Entertainment
- Sports
- TechnologyYou can also view the name of author, source, date & time of news when published, as well as can also the original site of that news by clicking the "Read More" button.
#### Note: User can select a category from above categories or all categories at once by clicking on "All Categories".
## Contact
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn: [Mubassim Ahmed Khan](https://www.linkedin.com/in/mubassim-ahmed-khan/)
- Email: [[email protected]](mailto:[email protected])---
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.The page will reload when you make changes.\
You may also see any lint errors in the console.### `npm test`
Launches the test runner in the interactive watch mode.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!