Interactive Design / Project 2

30.03.2022 (Week 1)
Esther Vanessa/0350751/Bachelors of Design (Hon.) in Creative Media
Interactive Design

Project 1

---

INSTRUCTIONS

---

TASK

Before working on the code, we were introduced to bootstrap. Bootstrap is a toolkit for us to easily create a website. For this project I used Bootstrap 4.4 per suggestion from Sir Shamsul. 

I started working on my webpage and used visual studio code for this.

Figure 1.1 Progress

In the beginning I am quite confused on how to build a website with bootstrap.

I also tried doing the carousel it took me around 6 hours and It didn't work.

So for the carousel part of my project I did it with Cards and made the background transparent. 

Figure 1.2 Carousel turned into Card

However during uploading I am not able to upload it as it is either stuck on uploading.

I also tried uploading via github but it showed as Page Not Found. I have yet to learn what made my link broken. So I resorted to upload the whole file to google drive, you have to download everything to access my website. File is not that big (1.4mb).

Figure 1.3  

I tried uploading again and it didn't work so I had to ask a help from a friend and it did upload. For some reason though, some of the image doesn't upload well which seems a bit weird to me as I tried to see and check if there are anything wrong with the coding; I could not find it. I also tried  switching the image to see if it's the image that is making the problem; it's not. All and all I'm frustrated so here's the link to the website. 

Here is the look of the page if the images are not broken.

Figure 1.4 

Figure 1.5

Figure 1.6

Figure 1.7

Figure 1.8

Figure 1.9 Footer

---

REFLECTION

Unfortunately, due to missed class I am a bit confused on what to do on certain things, I tried fixing it to the best of my ability but I still could not find the solution. This project was a bit frustrating but I still had so much fun coding. It's a love hate relationship with coding.