02 Web Technology

This portfolio project will cover the basics of webdevelopment. That means

• Variables, operators, types

• Arrays, objects

• Functions

• DOM

The project should be created individually!

In this project you have to choose one out of these 4 projects 👇

🧮 Simple calculator

Difficulty: level 1

Create a calculator where a user can input some information and get a result from that information.

• Maybe a user inputs how far you have to drive to work and the website calculates co2 emissions

• Maybe a caculator where you put in your birthday and the website tells you how many days, seconds, heartbeats, etc you have lived

If you cannot think of any idea then try and ask friends/family if they would like some kind of caluculator that could help them in their life!

Requirements

• The user should put in some details

• There should be a button that initiates the calculation

• There should be some kind of calculation being done

• Should be deployed

Inspiration

• https://www.shouldispeed.com/

• https://www.timeanddate.com/date/duration.html

❓ Online quiz

Difficulty: level 3

Create an online quiz that presents a user with questions about a topic of your own choice. The user should be able to answer these questions.

Requirements

• The user should be presented with questions

• The user should be able to answer questions

• The user should be able to see how many questions were answered correct. That can be either while the questions are going or after

• Should be deployed

Inspiration

• https://www.goquiz.dk/udsagnsord-quiz-8/

• https://www.w3schools.com/quiztest/quiztest.asp?qtest=JS

🎨 Online paint editor

Difficulty: level 2

Create an online paint editor. Consider using P5.js!

Requirements

• It should be possible to select some kind of brush and see what brush you have selected

• It should be possible to paint with that brush

• The brush could be painting with

  • Emojis

  • Color

  • Text

  • Images

  • Your idea here

• Should be deployed

Inspiration

• https://kleki.com/

• https://jspaint.app/

🍪 Cookie clicker inspired game

Difficulty: level 1.5

Create a game where a user should click a button and get some points over time. The longer the user stays on the page the more points. There are lots of potential features like maybe clicking a key on the keyboard to get more points

Requirements

• A user should click a button in order to get points

• Over time a user should get more points

• Should be deployed

Inspiration

• http://orteil.dashnet.org/cookieclicker/

• https://puginarug.com/

Handin

Handin the link of the deployed webpage before the 9/10 23:59

The project should be handed in here

Peer review

The project should be peer reviewed by someone in your class. Don't spend more than 20 min on this task!

The tasks of the reviewer

• Describe some positive things about the project

• In the html, has the right tags been used for the right job? If not where has the wrong tag been used and why is it wrong?

• Is the javascript easy for you to read and understand? Where is it not clear? If there is lots of code select a part of the code to go through

Use this review to improve your website, and pat yourself on the shoulder for the positive things mentioned!