Skip to content

Abrehmant7/News-App

Repository files navigation

📰 News Pulse

React Tailwind CSS Firebase

A modern news aggregator that delivers real-time headlines with trending analytics, built with React, Tailwind CSS, and Firebase.

App Screenshot App Screenshot

✨ Features

  • Real-time news from GNews API
  • Trending analytics (searches & articles)
  • Category filters (Business, Tech, Sports, etc.)
  • Debounced search for optimized performance
  • Dark/Light mode toggle
  • Responsive design for all devices

🚀 Quick Start

  1. Clone the repo:
    git clone https://github.com/yourusername/news-pulse.git
    

Install dependencies:

```bash
npm install
  1. Set up environment: Create .env file in root directory

Add your API keys: VITE_NEWS_API_KEY=your_gnews_api_key VITE_FIREBASE_API_KEY=your_firebase_config

  1. Run development server:
    npm run dev
    
    

🔧Tech Stack

Category	Technology
Frontend	React + Vite
Styling	Tailwind CSS
State Management	Context API
Database	Firebase Firestore
News API	GNews`

📂 Project Structure

src/
├── components/        # Reusable UI components
├── firebase/         # Firebase configuration
├── utils/            # Utility functions
├── App.jsx           # Main application
└── App.css           # Global styles`

About

A real-time news aggregator built with React, Tailwind CSS & Firebase. Features trending searches, article tracking, and category filters. Powered by GNews API.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages