Language Master

Language Master is a progressive web app available on mobile devices. It allows a user to learn new languages by completing courses that have increasing difficulty levels.

It currently only features speaking courses, in which the course will provide a translation and an example pronounciation of a word or sentence. The user can then record their voice and pronounce said word or sentence, and the app will check if the pronounciation matches.

Role

Developer, Designer

Year

2021

Client

FHICT

Product

Web App

Links

Demo

Technologies

HTML, CSS (SCSS), JavaScript, Node.js, MongoDB, Express

01

Project

Language Master is a progressive web app available on mobile devices. It allows a user to learn new languages by completing courses that have increasing difficulty levels. It currently only features speaking courses, in which the course will provide a translation and an example pronounciation of a word or sentence. The user can then record their voice and pronounce said word or sentence, and the app will check if the pronounciation matches.

02
Solution

This project was made as an individual school assignment where I was able to choose anything i wanted. I decided to make a progressive web app using technologies I hadn't worked much with such as Node.js, MongoDB and Express.

03
Process

The app uses a database of courses to create the content, meaning as soon as i create a new course in the database it'll be loaded into the app, without me having to type any extra code. The way I set this up is by using API endpoints through my Node.js server that the app runs on, to get a certain amount of data from the database, which is then parsed with vanilla JavaScript to make HTML elements.

04
Result

Although I only had a couple weeks to think of a concept, do research on which technologies I wanted to use, design the UI, and develop the end product, I'm happy with the result. The teachers were also impressed by me being able to create a fairly complete modern web application in such a short span of time.