Isabel Matula Portrait

Welcome! I'm ...

Isabel Matula
Full-Stack Developer

I'm passionate about coding since my Bachelor's in business administration at the Free University of Berlin, where I gained initial experiences with programming languages such as Python, R, PHP, and SQL.
To make my coding passion my profession, I completed Career Foundry's Full-Stack Web Developer program, learning JavaScript, React, NoSQL and more.

Download my resume.

Get in Touch See my Work

Toolbelt

Angular logo Bootstrap logo CSS3 logo Firebase logo GitHub logo HTML5 logo Javascript logo MongoDB logo Node.js logo Python logo Django logo React logo SQL logo Visual Studio logo
Angular logo Bootstrap logo CSS3 logo Firebase logo GitHub logo HTML5 logo Javascript logo MongoDB logo Node.js logo Python logo Django logo React logo SQL logo Visual Studio logo

About me

Educational and Professional Background

Linsen North Road - Taipei

After high school, I studied Languages and Cultures of Southeast Asia at the University of Hamburg for one year. Then, in 2017, I followed my heart to Taipei, where I immersed myself in the language through the Regular Chinese Language Program at Tamkang University. In 2020, I returned to Germany to pursue a B.Sc. in Business Administration at the Free University of Berlin, graduating in 2023. Across this path, I stumbled upon my love for coding, leading me to enroll in CareerFoundry's Full Stack Web Development program in August 2023.
In my professional journey, I had the opportunity to embark on an internship as an HR Generalist, where I organized the summer festival, created work schedules, and supported around 30 employees daily. Prior to that, I had the pleasure of tutoring three students in German while living in Taipei. I tailored personalized lesson plans to meet their individual needs, encouraging continuous improvement in their language skills.

Why I want to be a Web Developer

Laptop

I discovered my love for coding during my Bachelor at the Free University of Berlin. Throughout foundational modules and career preparation courses, I gained initial experiences with programming languages such as Python, R, PHP, and SQL. To transition my coding passion into a profession, I enrolled in Career Foundry's Full-Stack Web Developer program.
But my fascination with languages didn't start there. From studying Russian in school to self-learning the Korean alphabet and delving into Chinese during my time in Taiwan. Languages are not just a means of communication; they are also powerful tools for problem-solving. It's this perspective that draws me to programming languages. They, too, serve as tools, for visualizing ideas, making information more accessible, and ultimately, enhancing the quality of human life. This belief inspired me to turn my coding passion into a career.

Laptop

Work

React myMovie

React Client-side for an application called myMovie based on its existing server-side code (REST API and database). User can create an user profile and save their favorite movies. This project was build using React, SCSS, JavaScript, and more.

Code Demo

React myMovieclose modal icon

React Client-side for an application called myMovie based on its existing server-side code (REST API and database). User can create an user profile and save their favorite movies.

Functions

  • Retrieve all movies with their details, including images, titles, descriptions, genres, and directors, and implement a search feature to filter movies.
  • Provide detailed information about a single movie in a single movie view, including description, genre, director, and image.
  • Allow users to log in with a username and password, enable new users to register with required information (username, password, email, date of birth), and allow users to add a movie to their list of favorites.
  • Allow users to update their information, view favorite movies, remove movies from their favorites list, and provide an option for existing users to deregister.
  • Allow users to filter movies by genre.
React SCSS HTML JavaScript React-Bootstrap Netlify Parcel

Meet App

A serverless, progressive web application (PWA) using a test-driven development (TDD) technique. The Meet App uses the Google Calendar API to fetch upcoming events. This project was build using React, Recharts, JavaScript, and more.

Code Case

Meet Appclose modal icon

A serverless, progressive web application (PWA) using a test-driven development (TDD) technique. The Meet App uses the Google Calendar API to fetch upcoming events.

Features

  • Users can filter events by city, show/hide event details, and specify the number of events to display.
  • The app supports offline usage, allows adding shortcuts to the home screen, and offers visual charts for event details.
  • It integrates Google Calendar API for event retrieval and OAuth2 for authentication.
  • Serverless functions (AWS Lambda) for authorization server.
  • Responsiveness to various screen sizes, and adherence to PWA standards ensure a seamless user experience.
Google Calendar API HTML CSS AWS lambda JavaScript React Recharts Jest Cucumber Puppeteer OAuth2

Angular myMovie

Angular Client-side for an application called myMovie based on its existing server-side code (REST API and database). User can create an user profile and save their favorite movies. This project was build using Angular, TypeScript, SCSS, and more.

Code Demo

Angular myMovieclose modal icon

Angular Client-side for an application called myMovie based on its existing server-side code (REST API and database). User can create an user profile and save their favorite movies.

Features

  • Retrieve all movies with their details, including images, titles, descriptions, genres, and directors, and implement a search feature to filter movies.
  • Provide detailed information about a single movie, including description, genre, and director.
  • Allow users to log in with a username and password, enable new users to register with required information (username, password, email, date of birth), and allow users to add a movie to their list of favorites.
  • Allow users to update their information, view favorite movies, remove movies from their favorites list, and provide an option for existing users to deregister.
  • Allow users to filter movies by genre.
Angular TypeScript HTML Angular Material SCSS TypeDoc

myMovie API

This API provide users with access to information about different movies, directors, and genres. Users are able to sign up, update their personal information and favorite movies list. This project was build using MongoDB, Node.js, Express, and more.

Code Case

myMovie APIclose modal icon

This API provide users with access to information about different movies, directors, and genres. Users are able to sign up, update their personal information, and create a list of their favorite movies.

Features

  • The API serves as the backend for the myMovie web application, providing data about movies.
  • Users of the myFlix application can access movie information, director details, and genre descriptions through the API endpoints.
  • The API handles user registration, profile updates, and favorite movies lists.
  • To maintain data security and integrity, the API incorporates user authentication, authorization, and data validation logic.
  • The API has been tested using Postman to verify its performance and functionality.
HTML MongoDB Mongoose JavaScript Node.js Express Postman JSDoc CORS Render

Chat App

A chat app for mobile devices using React Native. The app provides users with a chat interface and options to share images, audios and location. This project was build using React Native, Firebase, GiftedChat, and more.

Code Case

Chat Appclose modal icon

A chat app for mobile devices using React Native. The app provides users with a chat interface and options to share images, audios and location.

Features

  • Users can enter chat rooms to communicate with friends and family, selecting background colors for personalized chat screens.
  • Conversations are displayed with an input field for sending messages, supporting additional features like image, audio and location sharing.
  • Users can send images from their device's image library or take pictures with the camera app and send them within the chat.
  • Messages are stored both online and offline, allowing users to access conversations at any time.
  • Chat conversations are stored in Google Firestore Database and authenticated anonymously via Google Firebase.
React Native Firebase Firestore JavaScript Expo GiftedChat Android Studio

LipidTracker App

An app for tracking LDL, HDL, and triglyceride values by inputting values and dates from blood tests. The app visualizes data using Reacharts. This project was build using React, Firebase, SASS and more.

Code Demo

LipidTracker Appclose modal icon

This is an app for tracking LDL, HDL, and triglyceride values by inputting values and dates from blood tests. The app visualizes data to show trends over time, enabling users to monitor improvements or changes. Users can also note dietary or medication adjustments to better understand their influence on cholesterol levels.

Features

  • Allow for user authentication, login, and logout.
  • Let users input their LDL, HDL, and triglyceride values and dates.
  • Visualize data to show trends over time.
  • Display user blood results in a table, where they can be updated or deleted.
  • Allow the user to set target values.
React HTML CSS Firebase Recharts SASS Material UI

Contact Me

I'm based in Rostock and open to remote roles.
Feel free to connect with me via Email or on LinkedIn!

Isabel Matula
Rostock - Germany

Email: isabel.matula@outlook.de
Linkedin: Isabel Matula

Created with Fabric.js 5.2.4