Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/namnika/news-homepage
Read and listen to all the world's biggest and latest news on one page!
https://github.com/namnika/news-homepage
javascript newscatcher-api react tailwindcss tts-api ui ux vite
Last synced: 11 days ago
JSON representation
Read and listen to all the world's biggest and latest news on one page!
- Host: GitHub
- URL: https://github.com/namnika/news-homepage
- Owner: Namnika
- Created: 2023-10-21T18:13:40.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-11T14:59:36.000Z (about 1 year ago)
- Last Synced: 2024-11-19T09:15:47.089Z (2 months ago)
- Topics: javascript, newscatcher-api, react, tailwindcss, tts-api, ui, ux, vite
- Language: JavaScript
- Homepage: https://onepagenews.vercel.app
- Size: 3.69 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🗞️ News Homepage
Get all the latest and greatest topics, across multiple languages, all in one convenient location!
## Table of contents
- [🗞️ News Homepage](#️-news-homepage)
- [Table of contents](#table-of-contents)
- [Overview](#overview)
- [Introduction](#introduction)
- [Screenshots](#screenshots)
- [Link](#link)
- [Process](#process)
- [Built with](#built-with)
- [Useful resources](#useful-resources)
- [Testing](#testing)
- [Coverage Report](#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](https://onepagenews.vercel.app/)
## Process
### Built with
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- AJAX
- [React](https://reactjs.org/) - JS library
- [Vite](https://vitejs.dev/) - For performance
- [Tailwind CSS](https://tailwindcss.com/) - For styles
- [ESlint](https://eslint.org/) -For JSLint errors
- [Prettier](https://prettier.io/) - For formatting
### Useful resources
- [News Catcher API](https://www.newscatcherapi.com/)
- [Elevenlabs API (Text-To-Speech)](https://elevenlabs.io/)
### 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
```