A fast and responsive React.js web application that fetches real-time news from the NewsAPI. Styled using Tailwind CSS, the app provides a clean UI, category-based news browsing, and an engaging reading experience.
Real-Time News Fetching Integrates with NewsAPI Automatically loads latest headlines Displays trending, breaking, and category-based articles Motion animation
Browse news by: -Business -Entertainment -Health -Science -Sports -Technology
Built using Tailwind CSS Works seamlessly across desktop, tablet, and mobile Clean, minimalist layout optimized for readability
Efficient data fetching with fetch() Lightweight UI components Smooth navigation
Technology Purpose React.js Front-end UI framework NewsAPI Fetching live news articles Tailwind CSS Styling & responsive design Motion (Framer Motion) for animations JavaScript (ES6+) Logic & functional components Create React App Development environment
-
Clone the Repository git clone https://github.com/Medeep99/React-NewsApp.git cd React-NewsApp
-
Install Dependencies npm install
-
Add Your NewsAPI Key
Create a .env file:
VITE_NEWS_API_KEY=your_api_key_here
or if using CRA:
REACT_APP_NEWS_API_KEY=your_api_key_here
- Run the App npm run dev
(or npm start if using CRA)