App Design II - Final Project / Completed App

16.12.2024 - 7.1.2025 (Week 12 - Week 15)

Chong Hui Yi / 0363195

App Design II / BDCM

Final Project / Completed App

---

TABLE OF CONTENT

1. Lectures
2. Instructions
3. Final Project
4. Feedback
5. Reflection

---

LECTURES

Click HERE to view lectures & exercises

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1xgy2pE8ZYMPDZdmgOHeiZ2fJka7d9yA7/preview" width="640" height="480" allow="autoplay"></iframe>

---

Final Project: Completed App

Requirement

"Students will synthesise the knowledge gained in task 1, 2 and 3 for application in task 4. Students will create integrate visual asset and refine the prototype into a complete working and functional product experience."

Homepage

Fig. 1.0 Homepage with transition

Movie Detail Page

Fig. 2.0The showtimes tab lets users choose the date, location, and time.

Ticket Type Selection Page

Fig. 3.0 When selecting the ticket type quantity, the price will also change accordingly.

Seat Selection Page

Fig. 4.0 Seat Selection Page

Food & Drinks Page

Fig. 5.0 Food & Drinks Page

Checkout Page

Fig. 6.0 Checkout & Pay Page

Payment Success Page & E-Ticket Page

 

Fig. 7.0 Payment Success Page & E-Ticket Page (E-ticket can view again from homepage)

Final Outcome

Netlify Link: https://chonghuiyi-mbocinemas.netlify.app/

Fig. 8.0 Walkthrough Video for MBO Cinemas App

Fig. 8.1 Final Project Presentation Video

---

FEEDBACK

-

---

REFLECTION

This final project was just as challenging as I imagined, but I’m really happy I managed to complete it, even though it was tough at times. I feel like my app isn’t as responsive as it should be, and that was the hardest part for me. Plus, I was really short on time and didn’t have enough to finish everything properly. I need to reflect on my poor time management skills—this project took way longer than I expected. I was rushing, but still couldn’t keep up, and I regret not allocating my time better from the start, which led to not even making a login page.

That said, I have to thank the invention of AI—it’s truly amazing. But there are still small details, like sizing, that I had to adjust myself. Honestly, I feel like I haven’t really learned JavaScript, even though my app uses a lot of it, because most of it was AI-generated. I did try to understand some of the basics, but I definitely couldn’t code it from scratch. In the end, the result is okay—this is my first app, and even though it’s not perfect, I learned a lot and got more familiar with Adobe Dreamweaver.