This is a user friendly news site that allows users to search for news articles based on their titles or keywords. The site fetches data from the News API to provide the latest news articles to the users. The search functionality enables users to find specific articles quickly and efficiently.
-
Search by Title or Keyword: Users can enter a search query in the search bar to find news articles with matching titles or keywords.
-
Live Search: As users type in the search bar, the site dynamically filters and displays articles that match the entered query, providing a live search experience.
-
Top Stories: The homepage displays the top news stories, and users can search within these articles to get more information.
-
Homepage: Upon visiting the site, the homepage displays the top news stories. Users can directly enter a search query in the search bar at the top of the page.
-
Search: Enter a keyword or title related to the news article you are interested in. As you type, the site will show live search results matching your query.
-
Click on Articles: Click on any of the search results or top stories to read the full article.
-
React: The frontend of the news site is built using React, a popular JavaScript library for building user interfaces.
-
News API: The site fetches news articles using the News API.
-
CSS: Styling and layout are done using CSS, providing an attractive and user-friendly design.
- Clone the repository to your local machine.
- Cd into the directory
- Npm install
- Start the development server:
run npm start
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent