Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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
- Technology

You 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!