Focus on Introduction Section
Image of Laura

Hi, I'm Laura Lyckholm

Frontend Developer & Web Designer

Laura is a frontend developer with a background in web design, known for her keen eye for details and ability to learn new technologies, languages and programs. She creates applications with both the designer and user in mind, and does so with a constant smile on her face. Her drive for perfection and her background in design makes her a valuable asset to any project and a standout in the technology field.

Image of Follow arrow down
Focus on Tech Section

Tech

HTML, CSS, Flexbox, Grids, JavaScript, ES7, JSX, React, React Hooks, Node.js, Npm, Web Accessibility, APIs, mob-programming, pair-programming, GitHub.

Image of Gifthive

Gifthive

Gifthive is the one and only place you need, to save all gift ideas for your loved ones. You can add, manage, and view all of your gift ideas in one place, so that you never forget what you where supposed to get dad for Father's day, or your sister on her next birthday!

CSS3

Expressjs

Javascript

Lottie-animation

Mongodb

Mongoosejs

Mui

Postman

React-burger-menu

React-router

React-router-dom

Reactjs

Swalalert2

Zustand

Image of Avocado Sales

Avocado Sales

A simple Vue application to showcase data fetched from my first API. The data from the Avocado Sales API has been utilised to create my own routes, as part of a project that was intended to increase my knowledge in Express JS.

Dotenv

Expressjs

Lottie-animation

Nodemon

Scss

Vue-router

Vuejs

Image of Align Studio Yoga

Align Studio Yoga

A business website showcasing information about yoga teachers, classes and thumbnail videos. The project was part of the Technigo Development Bootcamp, and the design was made by a UX-design student. My task was to get it as similar as possible to the design at hand. The website is translateable. Tailwind and styled components where explored.

I18n-react

Reactjs

Styled-components

Tailwindcss

Image of Movie Top List

Movie Top List

As part of a Technigo Boot Camp team-project, this Movie Site was create along with two other students, this is my forked version of it. We got to use React Router Dom in combination with useParams to in essence create an application with multiple "pages".

CSS3

HTML5

Javascript

Pair-programming

React

React-hooks

React-router

Useparams

Image of Happy Thoughts

Happy Thoughts

A React project focused on state management and API interactions for fetching and posting data. The task was to follow a design as closely as possible, and to create functionality to show like count for each thought, a form for new thoughts, and a like-functionality.

CSS3

Express-js

Fetch-api

HTML5

Javascript

Mongodb

Mongoosejs

Post-request

Postman

React

React-effect

React-state

Image of Morning Person Quiz

Morning Person Quiz

A React application set to function as a quiz, consisting of multiple questions regarding the user's morning routine. React state and controlled forms where utilized, and the work was done in a pair.

Controlled-form

Css-animations

CSS3

HTML5

Javascript

Pair-programming

React

React-state

Image of Music Releases

Music Releases

An application showing recent album and singles releases created using React. Props and working with components was in focus during the creation of the application.

Components

CSS3

HTML5

Javascript

Portfolio

Props

React

Image of Guess the Harry Potter Character

Guess the Harry Potter Character

A Guess Who-game, where the characters are represented by Harry Potter movie characters. The user can select different properties and sort the game based on them. The goal is to figure out which character is the "secret".

CSS3

HTML5

Javascript

Methods

Objects

Image of Movie Bot

Movie Bot

A simple chatbot that gives the user movie recommendations, created using Javascript. Utilizing event-handlers, parameters, objects etc.

Arguments

CSS3

HTML5

Javascript

Parameters

My words

Image of Unlocking the Power of React Hooks

August 2023

Unlocking the Power of React Hooks

In recent years, React Hooks have revolutionized the way we build React applications. They offer a more elegant and functional approach to managing state and side effects, unleashing the full creative potential of your components. Dive into the world of React Hooks and discover how they can take your web development skills to the next level.

Web iconRead article
Image of JavaScript Beyond the Basics: A Guide to Modern ES6+

August 2023

JavaScript Beyond the Basics: A Guide to Modern ES6+

JavaScript is no longer just a simple scripting language; it has evolved into a powerful and versatile tool for web development. Explore the advanced features of ES6+ and how they can supercharge your JavaScript code. From arrow functions to destructuring assignments, this guide will empower you to write cleaner and more efficient code.

Web iconRead article
Image of Responsive Web Design: Crafting User-Centric Experiences

September 2023

Responsive Web Design: Crafting User-Centric Experiences

Building websites that adapt seamlessly to different devices is a fundamental skill for web designers. Discover the art of responsive web design, where you'll learn how to create user-centric experiences that look and function flawlessly on everything from mobile phones to large desktop screens. Elevate your design game and keep your users engaged.

Web iconRead article
Image of The Art of Web Animation: Breathing Life into Your Projects

October 2023

The Art of Web Animation: Breathing Life into Your Projects

Animation is not just for entertainment; it's a powerful tool for conveying information and enhancing user engagement. Uncover the secrets of web animation and learn how to use CSS and JavaScript to add life to your web projects. From subtle hover effects to complex interactive animations, this guide will help you master the art of web animation.

Web iconRead article

Skills

Code

  • HTML5
  • CSS3
  • Javascript ES6
  • React
  • GitHub

Tool Box

  • Litium
  • Storyblok
  • Adobe Photoshop
  • Adobe Illustrator
  • Adobe XD
  • Figma
  • Postman
  • Slack
  • Microsoft
  • Emarsys

Upcoming

  • Styled Components
  • Node.js
  • Vue.js

More

  • Web Design
  • Agile methodology
  • Collaborative work