Image of Markus Hylleberg

Markus Hylleberg

Web development student

I am currently studying the top-up programme Web Development at the Copenhagen School of Design and Technology (KEA) on second semester. I am striving to become a full-stack developer.

Based in Copenhagen, Denmark

#1

Covid19-Helper

Technologies used: React, Node.js, Express.js, Knex.js, Objection.js, PostreSQL

As my exam project for my React/Node class I decided to built a small social network where users can sign up and discuss the pandemic. On this application it will be highlighted which country you're from and you can easily access the latest covid-19 numbers for your own country! This application uses objection.js and knex.js to help me use a PostreSQL database while still only writing javascript.
Please note: The application is hosted on Heroku for free and therefore takes about 5-6 seconds to load if the website has been inactive for more than one hour.

#2

Django Webshop

Technologies used: Python, Django, Django REST Framework, JavaScript, CSS, Bootstrap, PostreSQL

As my exam project in my Django/Python class I decided to develop an universal webshop that should be able to handle all kinds of products. I figured it would be a challenge where I would learn a lot - and it sure was! I managed to make the entire site very dynamical. This means that the categories, search parameters and many other functionalities on the site gets based on the product data from the database. The main focus for this project was simply to make this Django app reusable for all e-commerce situations.

Code

#3

React Weather App

Technologies used: React, DarkSky API

I've developed this weather app for my React/Node.js class. The point of this assignment was to understand and learn the basic fundamentals of React. The data gets fetched from the DarkSky Weather API. I used my component "FetchCurrentWeather.js" to fetch all the data needed and afterwards passes it on to other components. When you choose another city the API gets fetched again based on the coordinates of the chosen city - and the design of the app changes based on the response of the weather condition. The screenshot of the application shows the frontend on a 'overcast'-response.

#4

Uncanny Valley

Technologies used: HTML/CSS/Javascript, WordPress (CMS), PHP, Bootstrap

I've spend the Easter 2020 developing this project for a friend of mine who's studying art and during the Corona crisis wants to display her art. She wanted a website where she could display her art as well as inviting others to display there as well. The site has three different "rooms" for displaying different kinds of art. Everything on the page is fetched from a WordPress REST API and therefore everything on the page is customizable, for when another artist wants to display in their own style on the site.

#5

Django Library Project

Technologies used: Python, Django, SQLite, CSS/Javascript, Bootstrap

In my Python/Django class our assignment was to develop a library system. The application has a full account management system where you can sign up as a user or as staff. Users can loan material and view a listing of their loans and expire dates. As staff you can submit books and magazines as well as viewing the expired loans from the users.

Code

#6

Limeless

Technologies used: HTML/CSS/Javascript, jQuery, PHP, AJAX

I recently finished this project for my Interface Design exam. On this website you can sign up and insert all the items of your fridge. This application will then return recipes that match the ingredients you've inserted. This project was highly focused on making the user experience as smooth as possible and keeping the UI as simple as possible. To maintain consistency in our design we make a custom made css-framework and designed every single page in Adobe XD before coding a single line of code. The homemade css-framework and detailed mockups from XD helped me to quickly setup the entire site. Please click Code if you want to try it out.

#7

My Virtual Pantry

Technologies used: HTML/CSS/Javascript, jQuery, PHP (PDO), AJAX, MySQL

This project is a result of my recent exam in Databases. We built the backend and database for our front-end project Limeless. On this application you can handle all the users of the Limeless application as well as their custom pantries, ingredients, recipes, creditcards, payments and much more. All this data is stored in a SQL database - and we use PDO to access and execute queries in our database. Please note the frontend design is meant as a joke!

Code

#8

Umbrella Estates

Technologies used: HTML/CSS/Javascript, jQuery, PHP, AJAX

This project is a result of my course in PHP. I've build a website where you can sign up as a user or an agent. As an agent you're able to sell and manage our appartments and houses. As a user you're able to like and save your favorite appartment/house to your profile. This application works as a full CRUD system for agents - both their real estates and profiles are fully editable. I've also implemented a map where you easily can select the appartment of a specific area you're intrested in. All the data is stored within a data.json file - and all the PHP-API's of the application are validated. Please click Code if you want to try it out.

#9

Ølsnedkeren

Technologies used: HTML/CSS/SVG-animation/Javascript

This project is my final project for my Multimedia Design and Communication studies. I did a redesign for a local beerbar located in Copenhagen. The concept of this beerbar is that they always have 12 different homebrewed beers on taps. Ølsnedkeren already updated their beerlist at a social media for beer enthusiasts called Untappd. We figured that we wanted to visualize this list on their website using the Untappd API and svg animations, our javascript then loop through the API and bases the colour and glass type on the entries we get from the API. The application is now live and used by Ølsnedkeren with WordPress.

Portfolio by Markus Hylleberg

markushylleberg@gmail.com