Skip to content

This repository hosts a basic News Board web application that provides users with different categories of news. The app is built using React and utilizes the NewsAPI to fetch news data from various sources. Users can browse news articles across different categories such as top headlines, business, entertainment, health, science etc.

License

Notifications You must be signed in to change notification settings

aarshitaacharya/news-board

Repository files navigation

News Board App

This repository hosts a basic News Board web application that provides users with different categories of news. The app is built using React and utilizes the NewsAPI to fetch news data from various sources. Users can browse news articles across different categories such as top headlines, business, entertainment, health, science, sports, and technology.

Features

  • Displays news articles from various categories.
  • Provides a clean and intuitive user interface.
  • Utilizes React for efficient component-based UI development.
  • Fetches news data from the NewsAPI, ensuring up-to-date information.
  • Allows users to read full articles by clicking on individual news items.

Future Enhancements

  • Implement user authentication and personalized news recommendations.
  • Enable users to save favorite articles and create custom reading lists.
  • Introduce search functionality for finding specific news topics or articles.
  • Incorporate social sharing options for sharing articles with others.
  • Enhance UI/UX with advanced styling and animations.
  • Support additional news sources and languages.

Getting Started

  1. Clone the repository:
git clone https://github.com/aarshitaacharya/news-board.git
  1. Navigate to the project directory:
cd news-board
  1. Install dependencies:
npm install
  1. Obtain an API key from NewsAPI and set it as an environment variable in a .env file:
VITE_API_KEY =your-api-key
  1. Start the development server:
npm run dev
  1. Open your browser and visit http://localhost:3000 to view the application.

Technologies Used

  • React
  • JavaScript (ES6+)
  • HTML5
  • CSS3
  • NewsAPI

Credits

  • NewsAPI: For providing the news data used in the application.
  • React: For building efficient and interactive user interfaces.
  • Bootstrap: For styling and layout components.

License

This project is licensed under the MIT License.

About

This repository hosts a basic News Board web application that provides users with different categories of news. The app is built using React and utilizes the NewsAPI to fetch news data from various sources. Users can browse news articles across different categories such as top headlines, business, entertainment, health, science etc.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published