NewsWave is a news app built with Next.js, React, and NewsAPI that allows users to search for news articles by keyword or category, as well as view the top headlines of the day. The app provides a user-friendly interface.
NOTE: Search feature is only working on the localhost due to the developer plan of NewsAPI.
Live Here: NewsWave
- Search for news articles by keyword (only working on localhost)
- View top headlines of the day
- Pagination on top news page
- View news category wise
- Node.js and npm installed on your local machine
- API key from NewsAPI
-
Clone the repository:
git clone https://github.com/your-username/newsapp.git
-
Navigate to the project directory:
cd newsapp
-
Install dependencies
npm install
-
Create a
.env
file and add your NewsAPI API key:NEXT_PUBLIC_NEWS_KEY = your-api-key
-
Run the development server
npm run dev
-
Open
http://localhost:3000
in your browser
NOTE: This feature is only working on the localhost due to the developer plan of NewsAPI.
- Type in a keyword or phrase in the search bar
- Results will appear on the page with a summary of each article
- Click on an article to read the full story on the source website
- Click on the "Top News" button in the navigation bar
- Results will appear on the page with a summary of each article
- Click on an article to read the full story on the source website
- Select the category from the side bar on "Top News" page
- Results will appear on the page with a summary of each article in the selected category
- Click on an article to read the full story on the source website