SmartNewsPlay

📌 Inspiration As a UPSC aspirant, I realized there’s no simple platform that gives categorized daily news along with voice reading and quizzes in one place. This app is built to help students save time while preparing current affairs for exams.

🧠 What it does Smart News Prep is a beginner-friendly web app that:

📌 Shows daily current affairs by topics (Polity, Economy, Environment)

🔊 Has a “Speak” button so users can listen to news aloud

🧠 Includes a 3-question quiz to help users test what they’ve learned

⚙️ How I built it HTML, CSS, and JavaScript

NewsData.io API to fetch real-time news

JavaScript DOM to dynamically display news cards

Optional Firebase setup (for future features like bookmarks or login)

🚀 Challenges I ran into I was completely new to Firebase, CSS, and hackathons

Had difficulty using APIs and fixing bugs (ex: getting correct category filters to load)

Also faced problems with video upload and Discord login but overcame them!

🎯 Accomplishments I’m proud of First ever solo hackathon project

Learned API integration, speech synthesis, and DOM handling

Built a working product that can genuinely help UPSC and exam aspirants

🔮 What’s next Add a Firebase login system to let users bookmark or save quizzes

Improve the quiz to include more topics and user scores

Make it a Progressive Web App (PWA) to work like an installable mobile app

Built With

• css
• html
• javascript
• newsdata.io-api