Responsive-News-Portal-UI

📰 The Crimson Chronicle

A responsive, vintage-style digital newspaper interface built using HTML, CSS, and JavaScript.

Originally developed as part of coursework, this project was extended with dynamic data fetching, theme switching, and modern UI enhancements.

---

✨ Features

• 📰 Multi-category news layout (Technology, Science, Business, etc.)
• 🌗 Light / Dark theme toggle
• ⚡ Dynamic content via NewsAPI (with fallback data)
• 🎭 Skeleton loading animations
• 📱 Fully responsive design
• 🧠 Clean UI inspired by vintage print newspapers

---

🔗 Live Demo

👉 https://sri443.github.io/Responsive-News-Portal-UI/

---

⚙️ Tech Stack

• HTML5
• CSS3 (Custom Properties, Grid, Animations)
• JavaScript (Vanilla)
• NewsAPI (for live data)

---

🚀 How It Works

• Fetches top headlines based on selected category
• Displays them in a newspaper-style grid layout
• Falls back to curated sample data if API fails
• Allows users to switch themes dynamically

---

⚠️ Note

The free NewsAPI key may hit rate limits. In such cases, the app automatically switches to sample data.

---

📄 License

MIT License