Poster FYP
Uploaded by
pungxr-wb23Poster FYP
Uploaded by
pungxr-wb232853: Full Stack AirBnb Clone
Prepared by: Tan Chun Hung 1211312246
Supervisor: Neoh Kee Lin
Moderator: Goh Chien Le
Abstract Problem Statement
• The growth of hospitality business are a recent • Does not recommend popular tourist hotspots and activities
phenomenon. • UI/UX might be not ease to use and overwhelming
• It has prompted research into how to develop a strong • Difficulty choosing suitable countries to travel to
platform that can contribute to significant consequences • Poor SEO
for tourism and the housing market Objectives
• It is aimed to develop to address the problem of • To study the best practices and software engineering
consumers being unsure whether or not to travel by methodology to design and develop a full stack web app
making recommendations for well-liked locations and • To develop a fully functional full stack web application that
activities on the landing page helps improve the functionality of Airbnb
Background Design
• No intuitive direct tenant and owner interaction Uses React, Next JS, Typescript,
Tailwind CSS and Prisma to build User types in the application
• Lack of Transparency in Pricing
• Privacy and Data Handling Concerns such as data leak External software implemented:
• Tenant
• Stripe
and data breach • Cloudinary CDN • Homeowner
• Socket.io • Admin
• Google Maps
• Only private accommodations can be listed
• Some ads and pics of the accommodations might be fake Simplified Tenant State Transition Diagram
• Lack of Transparency in Pricing
• Might be slow to get booking confirmation
• Hotel deals are quickly sold out
• Some hotels are priced wrongly initially
Reusable UI Design
Implementation & Testing Testing
Functional Test Unit Test
Compatibility Test
Conclusion Acknowledgement
• Widely adopted methodology and technologies for web development I am exposed to the latest tech stack in web development due to Mr Neoh that
in the industry such as agile, React, Typescript, Next JS are used provides the statistics from MDEC on the most valuable skills in SEA. Mr Neoh has
been a good supervisor that counsel and provide constructive feedback on my
• Compatibility, functional and unit tests were conducted to ensure
project and report. Gratitude towards the online web programming tutorials and
features works as intended
resources that helped me design, code and create my application while helping me
• Future improvements can be made, like cooldown message timer, to comprehend its logic and structure. Finally, I want to thank my father for supporting
algorithms to detect fraud and AI recommendation system me financially and giving me chance to pursue a degree in MMU.
Poster designed by: Tan Chun Hung, Multimedia University, Cyberjaya, 2024.
