BjörnTirsén.

It was fun to make my first front end for my new portfolio API. With this, I can update my portfolio very quickly.

Made using vanilla PHP, a MySQL database and EJS templating.

The code design is object oriented with an MVC structure and using dependency injection. We have tried to write descriptive, relatively short public methods in the classes that utilize helper methods to get the job done.

I wanted to experiment a little with generating visual representations from a REST API. My plan was to let you customize how you could display the data.

We’ll see if I’ll make an improved version in the future...

Individual project. My first fullstack project. Made with Node/Express/MongoDB/Socket.IO/EJS.

It took some time to learn how to use Socket.IO and websockets. And I could do with practicing it more.

After several projects built using Bootstrap I wanted to get back to basics and used vanilla CSS to style this one.

In this individual project I learned how to use the hook “useContext”, as well as working with form validation and login functionality in a React app.

We made use of a RESTful CRUD API provided by our teacher.

We made this site with create-react-app and Bootstrap with a custom color palette. It is connected to a small read-only database on Firebase via an API.

We made a dynamic arrow icon with styled-components (and Font Awesome) that is used on the currency and markets detail pages.

With this site we have used Bootstrap’s responsive classes for the layout. A first for me.

I started the site by using Bootstrap 5 Alpha and customized the classes a bit as well as adding my own color palette. As you can see it’s autumn themed.

But because the project required us to show we can use grid and flexbox I used that for the main layout of the page instead of Bootstrap’s classes.

I used media queries and responsive images for the first time to make the site responsive.

Of course, I also had to use some Font Awesome icons. I didn’t use any JS on this project other than Bootstrap’s built-in JS.

For this group project we were asked to create functionality for “CRUDing” events to/from Local Storage (LS). We opted for translating all JS event objects into JSON and saving them as one JSON object in LS each time any changes were made.

If you load the page without any events already in LS, our JS will create five “default events” and save them there.

We were asked to make a quiz web app by fetching questions from a REST API. This was interesting, because I had never used an API before and also never used async JavaScript.

I chose to do this by making two HTML pages where the first is actually a form for choosing how many questions you want. The second HTML page is kind of a SPA (single-page application).

If you pay attention, you might notice that there is a “fetching questions” text displayed for a fraction of a second before the “start quiz” button appears.

For our first school project we were asked to make a Yahtzee game from scratch using JavaScript.

We were introduced to DOM manipulation, object-oriented coding as well as basic HTML and CSS during our development of the site.

Though we wanted to do more with this site, we didn’t find the time to complete the full functionality that we had intended. In order to meet the deadline, we opted for a very simple final product.

Actually not bad for four guys completely new to web development to throw together in two weeks!

One of the few things I have written in Java. Enable “Interactive” to try the game out. In English.