Skip to content

Latest News - React News Portal Frontend A responsive news browsing application with category filtering (Breaking, Business, Technology, Health, Sports) and Firebase authentication. Frontend-only implementation using React with mock data. Features clean UI, protected routes, and responsive design.

Notifications You must be signed in to change notification settings

MAHIR-DEVES/Latest-News

Repository files navigation

Latest News - Frontend News Portal (React App)

live link : maniacal-reason.surge.sh

Project Description

A React-based news portal frontend application featuring categorized news browsing (Breaking, Business, Technology, Health, Sports) with Firebase authentication. This is the frontend-only implementation without backend packaging.

Setup Instructions

  1. Clone repository:
git clone https://github.com/yourusername/latest-news-frontend.git
  1. Install dependencies:
cd latest-news-frontend
npm install
  1. Configure Firebase: Create .env.local file with:
REACT_APP_FIREBASE_API_KEY=your_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_domain
REACT_APP_FIREBASE_PROJECT_ID=your_id
  1. Run development server:
npm start

Key Features

  • News category filtering
  • Firebase user authentication
  • Responsive UI
  • News detail pages
  • Mock news data implementation

Development Notes

  • Uses React Context for state management
  • Implements protected routes
  • Mock data located in src/data/
  • No backend API integration yet

Available Scripts

  • npm start - Runs development server
  • npm run build - Creates production build
  • npm test - Runs tests

About

Latest News - React News Portal Frontend A responsive news browsing application with category filtering (Breaking, Business, Technology, Health, Sports) and Firebase authentication. Frontend-only implementation using React with mock data. Features clean UI, protected routes, and responsive design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published