Image of Matilda

Matilda Frid

Fullstack developer

with a background in mechanical engineering

As a frontend heavy fullstack developer with a M.Sc. in mechanical engineering and five years of experience as a development engineer in the automotive industry, I bring a unique perspective and skill set to my work.

I'm a social, curious and detail-oriented problem solver, with a learning mindset that drives me to create intuitive, accessible and user-friendly interfaces. I have a passion for designing and developing scalable, maintainable and robust applications.

Staying up-to-date with the latest technologies and trends, I am always learning and seeking opportunities to grow. Collaboration and effective communication are essential to my work, and I enjoy working with others to achieve shared goals.

Let's scroll

Tech

HTML, CSS, Flexbox, Grid, JavaScript, ES6, JSX, Git, React, React Hooks, Redux, Node.js, Mongo DB, Web Accessibility, API:s, pair-programming, mob-programming, React Native, Github, Google Cloud, Material UI, WCAG 2.1, Styled components, Agile methodologies.

Featured projects

Image for the todos

Odyssey - Final Project Travel App

A MERN fullstack application that enables users to search and curate lists of destinations for various trips, based on real data from Google API:s. Users are able to save their favorite locations to lists visible on their personal profiles.

React

Redux

MongoDB

Express

Node.js

Material UI

RESTful API

Pair-programming

Live demo View the code

Image for the todos

The todos - To Do App using Redux

A classic todo-app built in React using Redux. The user can add, delete and check their todos. It also has tabs which allows the user to filter between their different todos.

HTML

CSS

Javascript

React

Redux

Styled components

Live demo View the code

image for labyritnh game

Labyrinth Game using Redux

A game where the user navigates through a maze, trying to find their way out of it. It's built with React and Redux and connects to an API that provides the locations.

HTML

CSS

Javascript

React

Redux

Live demo View the code

Placeholder image for fitness landing page

The Fact Frency Quiz

Test your trivia skills in this group project quiz built in React using Redux. If you get a high enough score you get a nice surprise!

HTML

CSS

Javascript

React

Redux

Styled components

Mob-programming

Live demo View the code

Placeholder image for happy thoughts project

Secrets - Authentication Project

Authentication project where a user can create an account, post messages to their user and sign in and out.

Javascript

React

MongoDB

Express

Node.js

RESTful API

Mob-programming

Live demo View the code

Placeholder image for fitness landing page

Design Collaboration Project

We partnered up with the concurrently running UX-design bootcamp on a collaboration project. The UX designers did a design hand-off to us through a demo and a Figma file, where they had designed a landing page for a fitness club that we had to bring to life through code.

HTML

CSS

Javascript

React

Live demo View the code

Placeholder image for TV survey project

Pokédex App in React Native

A mobile app built with React Native and a Pokémon API. It is a Pokedex that allows user to view a list of the first 151 Pokémons and select one to read more about. The color is conditionally rendered based on type.

Javascript

React Native

Mobile Application

Live demo View the code

Placeholder image for TV survey project

Movie Releases in React

A multi-page web application using React Router and an API from IMDB. It allows users to view a list of latest movie releases and select a movie to read more about.

HTML

CSS

Javascript

React

Pair-programming

Live demo View the code

Placeholder image for TV survey project

TV survey in React

A survey where the user answers questions about TV preferences and recieve a filtered recommendation from a custom database. Try it out and see what it recommends!

HTML

CSS

Javascript

React

Live demo View the code

Placeholder image for happy thoughts project

Happy Thoughts API

Like Twitter, but less negativity. A site where users can post thoughts, see other users posts and send likes. What makes you happy? Head in and share with us!

React

Node.js

Express

MongoDB

RESTful API

Live demo View the code

Placeholder image for music releases project

Music Releases in React

An site built in a pair-programming project, where the user can browse current music releases. It is based on an API from Spotify.

HTML

CSS

Javascript

React

Pair-programming

Live demo View the code

Placeholder image for weather app project

Weather app built in Javascript

An app built in a pair-programming project to check the weather forecast in whatever city the user searches for, while having the styling change according to the weather and time of day. It fetches and presents weather data using API from Openweathermap.

HTML

CSS

Javascript

API

Pair-programming

Live demo View the code

Placeholder image for guess who game project

Guess who game built in Javascript

A take on the classic "Guess who" game, built in Javascript using array methods. Check it out and see in how many tries you can solve it!

HTML

CSS

Javascript

Live demo View the code

Other projects

Happy Thoughts Project in React

Javascript

React

Live demo View the code

Project Express API

Javascript

Node.js

Express

Live demo View the code

Chatbot built in Javascript

HTML

CSS

Javascript

Live demo View the code

Newssite built in HTML and CSS

HTML

CSS

Live demo View the code

My words

image of a board filled with clues

March 2023

I’m not just a developer, I’m also a detective

My relationship to errors and mini guide to debugging

If my years in the automotive industry has taught me one thing, it is to love your deviations.

I went through errors and tried to finish them off as fast as I could, hoping that one day there would be no more errors. That I would be finished. This pursuit led to somewhat of a brief existential crisis, as I reluctantly realized that no matter how many errors I solved, there would always be more.

Skills

Code: HTML5; CSS3; Javascript ES6; React; React Native; Redux; Node.js; REST API:s; MongoDB; Express; Styled Components

Toolbox: Git; VSCode; Postman; Github; Figma / FigJam; Adobe Photoshop; Adobe Illustrator; Canva; Slack; Jira

More: Agile methodology; SAFe; Concept development; Matlab; VBA

Upcoming: Typescript

Time to talk

Image of Matilda

Matilda Frid

Fullstack developer

with a background in mechanical engineering

+46(0)76 269 91 22

matilda@familjenfrid.com