https://github.com/poseidon-code/stories.io

Website that uses Web Speech API to read a short story fetched from an API. Made with ReactJs & TailwindCSS.
https://github.com/poseidon-code/stories.io

api reactjs shortstories-api tailwindcss web-speech-api

Last synced: 2 months ago
JSON representation

Website that uses Web Speech API to read a short story fetched from an API. Made with ReactJs & TailwindCSS.

• Host: GitHub
• URL: https://github.com/poseidon-code/stories.io
• Owner: poseidon-code
• License: mit
• Created: 2020-12-09T12:35:40.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-08-08T16:23:46.000Z (over 1 year ago)
• Last Synced: 2025-01-14T08:13:56.231Z (4 months ago)
• Topics: api, reactjs, shortstories-api, tailwindcss, web-speech-api
• Language: JavaScript
• Homepage: https://storiesio.netlify.app
• Size: 3.09 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![stories.io](./stories-io.jpg)

![Status](https://img.shields.io/badge/STATUS-active-brightgreen)

[![Netlify Status](https://api.netlify.com/api/v1/badges/3a9a4e4d-5658-4bd3-83bd-6e24405cb9f7/deploy-status)](https://app.netlify.com/sites/storiesio/deploys)

[stories.io](https://storiesio.netlify.app) is a website which uses **HTML5 Web Speech API** to read short stories fetched from an API call.

These short stories can be accessed from the **shortstories-api** using the request URL : \

[`https://shortstories-api.onrender.com`](https://shortstories-api.onrender.com)

The required documentation on using the **shortstories-api** can be found here : \

[`https://github.com/poseidon-code/shortstories-api`](https://github.com/poseidon-code/shortstories-api)



---

## Scripts

> `npm start` \

> Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

> `npm test` \

> Launches the test runner in the interactive watch mode.

> `npm run build` \

> Builds the app for production to the `build` folder.

> `npm run eject` \

> It will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them

## Acknowledgement

[stories.io](https://storiesio.netlify.app) is made with [ReactJS](https://reactjs.org) and deployed on [Netlify](https://www.netlify.com).\

All the icons are provided by [Heroicons](https://www.heroicons.com).\

It uses [tailwindcss](https://tailwindcss.com) for styling all components.

---

## [License](./LICENSE)