News Website

This is a dynamic news website built using React and styled with Tailwind CSS. The website allows users to get the latest news, search for news articles, browse news based on categories, and save their favorite articles for later reference. The site is fully responsive and designed to work seamlessly on a variety of devices.

Features

  • Current News: Get the latest news updates.
  • Category-based Browsing: Find news articles based on various categories.
  • Search Functionality: Search for specific news articles using keywords.
  • Favorites Section: Save your favorite news articles for easy access later.
  • Pagination: Navigate through paginated news articles for a better browsing experience.
  • Responsive Design: Optimized for both desktop and mobile devices.

Screenshots

Homepage

Homepage

Category Page

Category Page

Favorites Section

Favorites Section

Mobile View

Search Results

Tech Stack

  • Frontend: React
  • Styling: Tailwind CSS

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/your-username/news-website.git
    
    npm install
    
    npm run dev

Deployment

The application is deployed, but due to the use of a free API, it only works in development mode. For full functionality, you need to run the project locally.

Contact

If you have any questions or suggestions, feel free to open an issue or contact me at amanv7404@gmail.com.