news-app Tailwind Templates

News App

A responsive News App built with React, Vite, and Tailwind CSS, featuring category-based news fetching using a News API.

News App

News App is a responsive web application built with React, Vite, Tailwind CSS, and React Router. It fetches and displays the latest news articles from a News API, offering category-based navigation and a clean, modern interface.

Features

  • Latest News: Fetches real-time news articles.
  • Responsive Design: Optimized for both desktop and mobile devices.
  • Category Navigation: Easily browse through different news categories.
  • Secure API Usage: Uses environment variables to protect your API key.

Installation

  1. Clone the repository:
    git clone https://github.com/vnv2315/news-app.git

  2. Navigate into the project directory:
    cd news-app

  3. Install the dependencies:
    npm install

  4. Create a .env file in the project root and add your API key:
    VITE_API_KEY=your_actual_api_key

  5. Run the development server:
    npm run dev

Note

Ensure you have Node.js (v14 or higher) installed on your machine.

Top categories

Loading Svelte Themes