hero portrait

Hello there! 👋

I'm Roosa,
let's build web together!

As a web developer with 5 years of experience in IT-Support, I bring a unique perspective to programming and finding those little bugs.

During my time in IT-Support, I gained valuable experience in identifying and resolving technical issues, which has proven to be valuable in my web development career.

I completed a full-stack coding bootcamp, gained experience as a frontend dev during my internship in 2022-2023. I have expertise in React, JavaScript, HTML5, CSS, and TypeScript.

Please take a look at my projects and get in touch!

Apps and projects I have built

Click on the card image to open in a new window


card

L-Night app - fullstack app

Webpage for the L-Night group. ReactJS, hooks, CSS3, HTML5 and Material UI. Backend: NodeJS, Express and MongoDB.

Repo link
card

Bootstrap 5 - Moving company

Using Bootstrap to create a moving company landing page

Repo link
card

TechPanda mockpage

Using Bootstrap to create a typical tech company landing page

Repo link
card

Github API - GraphQL

Using GraphQL to fetch data from Github API

Repo link
card

Random password generator

Vanilla JS random password generator. Practicing VanillaJS

card

Newsletter signup

Vanilla JS FrontendMentor challenge, creating a signup to a newsletter with validation. Mobile responsive

Repo link
card

Tenzies dice game

A small dice game to practise React state

Repo link
card

React Tic Tac Toe

A Tic Tac Toe game practicing React state

Repo link
card

What's cooking? - NextJS/TS

Filtering food ingerients. Practicing NextJS with TS. Will add Edamam API later.

Repo link
card

Random People Search

A random people search. You can search with first or lastname or email. Added pagination with the help of MUI components.

Repo link
card

Dad Joke Generator

Used Webpack 5, sass/scss. Axios was used for fetching the jokes. I used also the HTMLWebpackPlugin.

Repo link
card

Learning Vue Project

Learning the basics of Vue with following Vue Mastery Course.

Repo link
card

Angular - todo list

Learning Angular basics with the help of Angular Crash Course 2021 by Traversy Media.

Repo link
card

React TypeScript Quiz

Fetching the API, displaying data. Learning to use TypeScript in a React project

Repo link

Skills & Technologies

I have worked mostly with React and JavaScript. Fetching, manipulating and displaying data. Aligning buttons and boxes and making things look pretty. Creating oldschool Email templates with HTML for email providers. Finding my way in the React hooks jungle. Knowing how to keep things type safe with TypeScript. Learning how to kill your dear divs, it's not like sprinkling salt on top of your food. If you put too much, it's not good for you. 🍕

I use Figma. Storybook is a home for your components. Making React apps quick with Vite! (Never going back to create-react-apps!) Writing tests with Vitest, and React Testing Library to catch those little bugs! Tracking issues in Sentry. Knowing that Cypress does not stand only for a tree. 🧐

Currently learning Java for mastering backend. Honing my JS skills. Learning never ends says the wise one. 🧙‍♀️

neural network

Libraries and frameworks I have worked with:

css-logo

Css

html 5

Html

javascript logo

Javascript

react logo

React

typescript-logo

Typescript

figma-logo

Figma

storybook-logo

Storybook

vite-logo

Vite

react testing library logo

RTL

graphql

Graphql

vue

Vue

bootstrap

Bootstrap

Get in touch

Get in touch with me if you are interested to work with me!