top of page

Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

React.js - Japanese Text to Speech Application

Project type

Frontend Web Development

Date

April 2025

Skills

React, Front-end

As a small personal project, I created a React Application using Google's Text-to-Speech API. The purpose of this application is to give me a chance to hear Japanese text read out by (semi) accurate Text-to-Speech software.

This web application implements the following:
- A react front-end, hosted on Microsoft Azure as a Static Web App
- A node.js server backend, hosted on Microsoft Azure as an App Service
- Google Cloud's Text-to-Speech API, hosted on the backend service
- Tailwind Styling
- Material UI elements, such as Sliders

Please feel free to try out the website! https://jp-tts.ajones-programming.com/

Vocabulary collected from Genki Volume 1, Third Edition, and JLPT Sensei, available at https://jlptsensei.com/.

bottom of page