French Courseware Application
The Flipped French project was a courseware web application built to reinforce French language lessons for second-year students at Northwestern University.
My responsibilities consisted of building reusable web components, architecting communication between components across the application, creating animations for user events, handling dynamic audio streams, and generating unit tests to help automate regression testing.
I was also responsible for defining the data structure that would serve as input for the components in different areas of the application. This data structure will serve as the basis for web server responses in the back-end.
This full-featured web front-end application was built with Angular 6 and its core libraries helped greatly with animations, interactivity, and logic. The styling was helped tremendously by the use of Sass as the CSS preprocessor. Each component was built using HTML5 elements only, with no use of external design systems such as Google Material or Bootstrap.