https://github.com/moisestech/ai-news-reader-react
🗣️ 🌐 📰 Artificial Intelligence News Reader in ReactJS
https://github.com/moisestech/ai-news-reader-react
Last synced: 9 months ago
JSON representation
🗣️ 🌐 📰 Artificial Intelligence News Reader in ReactJS
- Host: GitHub
- URL: https://github.com/moisestech/ai-news-reader-react
- Owner: moisestech
- Created: 2020-11-08T18:16:46.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-01-02T21:50:27.000Z (over 5 years ago)
- Last Synced: 2025-07-19T13:51:58.746Z (11 months ago)
- Language: JavaScript
- Homepage:
- Size: 353 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# AI News Reader ReactJS
# 🗣️ 🌐 📰
**Artificial Intelligence News Reader in ReactJS**. The app uses revolutionary speech recognition software that allows you to control absolutely everything in the app using your voice.
## Setup:
```bash
run npm i && npm start to start development server
```
## ⚙ Features
- [Alan A.I. API](https://alan.app/)
- [News API](https://newsapi.org/docs/get-started)
- React 17
- React Hooks
- ES8
- PropTypes
## 👁️🗨️ Project Preview
## 🗺 URL Tree
```bash
├── / #Home
```
## 🌿 Application Tree
```bash
├── README.md
├── package.json
├── public
│ ├── _redirects
│ ├── assets
│ │ ├── ai-news-reader-project-preview.png
│ │ └── news-placeholder.png
│ └── index.html
├── src
│ ├── app
│ │ ├── app.css
│ │ └── index.js
│ ├── components
│ │ ├── InfoCards
│ │ │ ├── index.js
│ │ │ ├── inforCards.json
│ │ │ └── styles.js
│ │ ├── Nav
│ │ │ ├── index.js
│ │ │ └── nav.css
│ │ ├── NewsCard
│ │ │ ├── index.js
│ │ │ └── styles.js
│ │ └── NewsCards
│ │ ├── index.js
│ │ └── styles.js
│ └── index.js
└── webpack.config.js
```
## ⛰️ Roadmap
- Migrate to Tailwind CSS or Styled Components
- Can access any API dynamically, always pulls it, iterates through it.
- Users can interact with voice and GUI.
## 📝 Todos
- Light/Dark Theme
- Finnish Tutorial