My Projects
-
Square Eyes
This was my first design assignment which I used throughout my HTML, CSS, and Javascript assignments with a little bit of adjustments due to the limitation of my skill at the time. But I want to keep improving it.
SquareEyes is a video streaming website that I chose out of 3 choices, which were:
- - SquareEyes - Video Streaming service
- - GameHub - Online Game store
- - RainyDay - Clothing store
I chose SquareEyes because I feel like it is the service I use the most and it is the most challenging to design in my opinion. This project includes HTML, CSS, and working with API with JavaScript as well as basic JavaScript functions.
Tools used in this project:
Figma
HTML
CSS
JavaScript
-
Matter Museum
This project was part of my semester project, where we were tasked to create a science museum website that appeals to both children and their parents.
Matter Museum was the first project I collaborated on with two of my classmates:
- - Helene Flått
- - Aksel Oldeide
We came up with the idea of a museum showcasing the states of matter: solid, liquid,gas, and plasma. The main focus was to make the website both colorful and informative to cater to kids as well as their parents.
Through this project, we also learned how to collaborate effectively using branches and managing merge conflicts. No JavaScript was used in this project, and it was purely created with HTML and CSS.
Tools used in this project:
Figma
HTML
CSS
-
Frame Photography
This project was part of Agency 1. We were free to choose any project we want. We came up with photography service because I happen to have some contents we can use for it and I might end up using this website in future for my side gig.
I was the project manager in this project as well as designer, could say that I am also a client because I get to dictate how the website should be like.
Collaborators:
- - Helene Flått
- - Berken Ates
- - Patrick Røthe
- - Kenneth Sheikh
Since this was more people on the team this time, it was more challenging to follow up and meet up to share updates and working with different coding styles. But it was fun and I learned a lot to work as a team and be understanding.
Tools used in this project:
Figma
HTML
CSS
JavaScript
-
Auction House
This was the first semester project of the second year study. To take the skills learned over the past three semesters and create an auction website and work with noroff API endpoint
User Stories
The client has specified the following requirements in the form of User Stories
- - A user with a stud.noroff.no email may register
- - A registered user may login
- - A registered user may logout
- - A registered user may update their avatar
- - A registered user may view their total credit
- - A registered user may create a Listing with a title, deadline date, media gallery and description
- - A registered user may add a Bid to another user’s Listing
- - A registered user may view Bids made on a Listing
- - An unregistered user may search through Listings
I had fun with this project the most and learned so much more from it. This is probably my best project so far
Tools used in this project:
Figma
HTML
CSS
Tailwind
Node.js
JavaScript
