Interactive Design Final Project

20/06/2022-09/07/2022 (Week 13 - 15)
Evaleez Voo Lian Yun / 0350275
Interactive Design / Bachelor of Design (Hons) in Creative Media
Final Project

---

Instructions

---

Task

For the final task, we we told to create the lst 4 pages of our website. For mine, it consists of News, Characters, World and Login/ Register.

Fig 1.0 Login/  Register Form (25/06/22)

The first page I created was the login/ register page. I went through a variety of templates to find one that suited my wireframe and template the most. After finding them I copied the code to VSS and made edits on its content and css. Afterwards, I created the other pages. Some use the same css file as the login page while others have their own css files.

Fig 1.2 Characters (06/07/22)

One of the issues I faced was the bottstrap carousel, I wasn't sure why, but the captions would dissapear when the screen is smaller. I tried changing the CSS but its was still the same. However, due to time costraints I just left it as is.

---

Final Output

Link: https://evaleezvoo-finalproject.netlify.app/

Landing Page

HTML:

 

CSS:

 

Login/ Register

HTML:

 

CSS:

 

News

HTML:

 

CSS:

 

Characters

HTML:

 

CSS:

 

World

HTML:

 

CSS:

---

Reflection

This assignment could have finished way faster if I didn't keep deleting the pages at the sightest dissatisfaction of the design (its a bad habit and I hate it). Anyways, I still love coding and would definitely look forward to coding more in the future. 

I am thankful for Mr Shamsul for making this class fun, with fun exercises and helpful feedback. This allowed me to openly explore the world of coding and honestly I would have never thought I would say the words, "I love coding" in my lifetime if it wasn't for this module.