README.md

🗞️ News Homepage

Get all the latest and greatest topics, across multiple languages, all in one convenient location!

Table of contents

• 🗞️ News Homepage
  • Table of contents
  • Overview
    • Introduction
    • Screenshots
    • Link
  • Process
    • Built with
    • Useful resources
    • Testing
    • Coverage Report

Overview

Introduction

On this homepage, you can easily access the latest news and top headlines with just one click. You won't have to worry 😥 about navigating for categories or languages. All you need to do is just click on the navigation link. That's all!

And you will get updated news in your preferred language.

This platform allows you to listen (AI feature) to and read your favourite headlines without any hassle.

So Listen Calmly!!

Screenshots

• Desktop View

• Mobile View

Link

• Live Site URL: news homepage

Process

Built with

• Semantic HTML5 markup
• Flexbox
• CSS Grid
• Mobile-first workflow
• AJAX
• React - JS library
• Vite - For performance
• Tailwind CSS - For styles
• ESlint -For JSLint errors
• Prettier - For formatting

Useful resources

• News Catcher API
• Elevenlabs API (Text-To-Speech)

Testing

• Unit Testing with JEST and RTL

• To run the test:

  npm run test
  

Coverage Report

• To get the full coverage report:

  npx jest --coverage