2021 Webdevelopment UX / UI

Designing & developing a modern online language learning platform.

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.

The project

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.

Language Master placeholder

Research

This portfolio is currently being built. This content will be added as soon as possible.

Design

This portfolio is currently being built. This content will be added as soon as possible.

Language Master placeholder

Prototyping

This portfolio is currently being built. This content will be added as soon as possible.

Testing

This portfolio is currently being built. This content will be added as soon as possible.

Language Master placeholder

This portfolio is currently being built. This content will be added as soon as possible.

Development

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.

Results

[Results]

Prototype

[Prototype results]

[Feedback & things learned]

App

[App results]

[Feedback & things learned]