Skip to content

A lightweight and accessible notetaking-app which runs in a browser-window, uses large font-sizes and Text-To-Speech.

License

Notifications You must be signed in to change notification settings

henrietteBaum/Speaking-Notes-React

Repository files navigation

Speaking Notes

A lightweight and accessible notetaking-app which runs in a browser-window, uses large font-sizes and Text-To-Speech.

It is a project for the purpose of learning only.

Build with JavaScript, React.js, uses Web-Speech-API.


Try it on demo-page: Demo


screenshot app window v.2.2

Changelog

  • Version 2.0 uses only CSS for styling
  • Version 2.1 uses styled-components
  • Version 2.2 add function to select a voice and shows how to style the select-element.

Run the app:

  1. Clone the repository

  2. cd into the new folder and install the required dependencies:

    npm install

  3. Run the React project:

    npm start


Sources:

MDN Web-Speech-Api

Stackoverflow

Codepen - halvves


label current version-number: 2.2 label for accessibility: yes label web-speech-api: link to GitHub-Repository label web-speech-api: link to GitHub-Repository

About

A lightweight and accessible notetaking-app which runs in a browser-window, uses large font-sizes and Text-To-Speech.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published