📰 News Application

A modern, responsive React + Vite application to explore the latest news.
This was built as a University project and demonstrates a clean UI, API integration, and deployment workflow.

---

✨ Features

• Browse the latest news by category
• Responsive design (mobile & desktop)
• Fast builds & hot reload with Vite
• Clean codebase with ESLint rules
• Deployed on Vercel

---

🛠️ Tech Stack

• React 18 + Vite – Frontend framework & bundler
• Tailwind CSS – Utility-first styling
• ESLint – Code linting
• Vercel – Hosting & deployment

---

🚀 Getting Started

Prerequisites

• Node.js v16+
• npm or yarn

Installation

# Clone the repo
git clone https://github.com/Kushan2k/news-application.git
cd news-application

# Install dependencies
npm install
# or
yarn install

Projecut Structure

news-application/
├── public/             # Static assets
├── src/
│   ├── components/     # Reusable UI components
│   ├── pages/          # Page components
│   ├── styles/         # Global styles
│   └── main.jsx        # App entry point
├── .env.sample         # Example environment variables
├── package.json
├── vite.config.js
├── tailwind.config.js
└── README.md

Configuration

VITE_NEWS_API_KEY=
VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=