Projects that I made in the course Vefforritun 1 (Web programing 1)
Final project in Vefforritun 1 (Web programing 1). This project uses most of the features I learned throughout the semester. The main page reads from a json file and displays the data accordingly using JavaScript. The second page reads the params from the URL and displays the correct video. The look of the page is written with Sass and node.js was used in various ways throughout the project, such as es-lint, stylelint ans browser-sync.
The GitHub repo for the project.
Running solution.
CSS (Sass) project that aims to be as close to the look of a functioning website as possible. Fully web responsive and made on a grid.
The GitHub repo for the project.
Running solution.
Fourth JavaScript project. A countdown that is saved in local storage. If local storage is empty then the user can make a new counter. He can enter a name for the counter, a date and time. If there is something in the local storage then the coundown is displayed and updates live. Since the countdown is saved in local storage the page can be refreshed or exited without losing the countdown.
The GitHub repo for the project.
Running solution.
Third JavaScript project. Uses web scraping on apis.is to fetch info on cars depending on the registration number.
EDIT: apis.is is not returning the json so this project s broken at the momment.
The GitHub repo for the project.
(not)Running solution.
Second JavaScript project. Inserts new DOM elements into the HTML using JavaScipt. The user enters in his heading and text and selects if he wants the heading to be all caps or if he wants the colors inverted.
The GitHub repo for the project.
Running solution.
First JavaScript project. Plays a game with the Alert function. The user guesses a number and gets back a clue on how close he was.
The GitHub repo for the project.
Running solution.
Fourth CSS project, now working with Sass and a grid. Minor changes from project 5, scalable for moblie. The main input was to work with Node.js, browser sync, stylelint og node-sass.
Running solution 1.
Running solution 2.
Third CSS project. Running solution.
Second CSS project. A little more complex CSS taking advantage of the cascading function of CSS. Google fonts are used for the text.
Running solution.
First CSS project, testing out some basics of CSS.
Running solution.
Second HTML project, testing out how to make a navbar and use forms, tables and general text.
Running solution.
Hello world in HTML and a second site about me.
Running solution.