This is a submission for the KendoReact Free Components Challenge.
What I Built
The English translation of Khabar Suno is "Listen News." This news website features content in both English and Hindi, and you can change the language according to your preference. Additionally, if you're in a hurry, there is a feature that allows you to listen to all the latest news in just one minute.
Demo
👨💻 Repository:
shivamarora1
/
Khabar-suno
Read and Listen latest news in english and hindi language.
The English translation of Khabar Suno is "Listen News." This news website features content in both English and Hindi, and you can change the language according to your preference. Additionally, if you're in a hurry, there is a feature that allows you to listen to all the latest news in just one minute.
Running Project
npm run dev
Open http://localhost:3000 with your browser to see the result.
📄 Live Demo: https://khabar-suno.vercel.app/
🖥️ Screenshots:
KendoReact Experience
I used the following components for this mini project:
- Button
- Icon
- Skeleton
- Card
- Tooltip
- Typography
- Drop Down List
- AppBar
- Drawer
- Dialog Box
Coming from a backend development background, I found it very easy to learn how to develop a frontend UI using KendoReact. The component documentation is thorough and well-written. You can find a wide range of components to build a complete, end-to-end SaaS product. Additionally, the styling and themes offer a significant advantage. Overall, great work, team KendoReact!
AIm to Impress
Leveraging advanced generative AI, I automatically generate comprehensive summaries of the latest news updates from today. These summaries are then transformed into high-quality audio using cutting-edge OpenAI models, enabling users to conveniently listen to the news on the go. This innovative approach not only streamlines the news consumption process but also enhances accessibility, ensuring that users can stay informed no matter where they are.
Models used:
-
gpt-4o-mini-tts: For text-to-speech. -
gpt-4o-mini: For text summarization.
Top comments (4)
good luck
Great work @coder_dragon. I hope you enjoyed it, too. I am Toni and I am the Product Manager of KendoReact. It would be very helpful if you can share your feedback our product in a quick 15 min chat. Let me know at antoniya.boynovska@progress.com
Where is the audio button? I didn't find it in your live demo.
check now. Button should come.