MOOview hero
Project type
Web and mobile development,
Internet Computing
Duration
4 weeks
Role
Full stack developer
Tools
PHP, SQL, AJAX, JavaScript
HTML/CSS, GitHub, VScode

Project Overview

MOOview is my first fully functional full-stack project, developed using both frontend and backend technologies. Collaborating with another talented UX/UI designer, we aimed to create a vibrant community where movie enthusiasts can share their opinions and insights. In this project, my role extends beyond aggregating data from the database and presenting it in the clients' browsers, I also focus on managing user inputs and authorization.

Key Features

1

Browse & Filter

Browse and filter movie content by genres, years, country, and language by selecting checkboxes, sliders, and dropdown menus.

2

Review Movies

Post comments and reviews on specific movies, edit or delete when necessary.

3

Save Movies

Save favourite movie items on the My Collection page for easy access and review at a later time.

4

Personalized Homepage

Customize user homepage by setting up “preferred movie genres” on the Profile page.

Challenges

The challenge in developing this kind of sharing community is ensuring robust security while effectively managing user data. Although MOOview is a platform that allows both visitors and registered members to access content, they have different permissions and actions they can do with it. Navigating these complexities requires careful attention to detail and a strong focus on security measures during the production process.

Proposed Solutions in the Production Process

Disable comment function for visitors

Comment section for visitors
Visitors' comment section
Comment section for members
Members' comment section

Remove “Your Preferred Genres” section from front page

Homepage for visitors
Visitors' homepage
Homepage for members
Members' homepage

Lock “My Collection” page for unregistered users

My Collection page for visitors
Visitors' My Collection page
My Collection page for members
Members' My Collection page

Redirect visitors to log in and register for an account

Profile page for visitors
Visitors' profile page will redirect users to login or create an account
Profile page for members
Logged-in users' profile page

Final Product

The final product effectively addresses the diverse needs of various types of users by integrating all essential features that are easy to navigate and appealing. Additional functionalities such as quick search and real-time content updates were implemented using AJAX to further enhance user experience.

Website video
MOOview homepage mockup

Key Takeaway

Throughout the project, I learned the importance of communicate when collaborating with an UX/UI designer. Understanding that designs may not always translate seamlessly into code, it became crucial for us to talk to each other at every stage, address challenges together, and work collaboratively toward a successful outcome.