Skip to content

SG801/ReelStack-Final-

Repository files navigation

Reel Magic

ReelMagic home page

Join the Reel Revolution

View Site (Make sure to either inspect in mobile mode or shrink your browser for the best experience)

Overview

Reel Magic is a community-driven platform where users control the reviews, allowing them to discover films that suit their tastes through honest, peer-based opinions. By making the review process transparent and focusing on user interaction, we aim to improve the film review experience, often dominated by professional critics.

Our mission

Empower everyday users to take control of the film review process. We built a mobile-first platform, acknowledging that 91% of internet traffic is on smartphones. We aim to reduce browsing time and deliver personalized, trustworthy movie recommendations.



Features

mobile first design   user-driven reviews

search & carousel   upvote & downvote system

Press Release

Tech Stack

tech stack icons Playwright

Development

Planning

As a team, we had a week to conceptualise, design, develop and present an app that solves a problem statement of our choosing.

  • We were conscious of the limited time that we had. To make our decision-making processes more streamlined, we used timers and used dot voting.
  • Created a user persona to help guide us with the UX of the project
  • Conducted competitor analysis and performed SWOT assessments
  • Researched competitor app designs and functionality
Pictures
user persona SWOT analysis competitor analysis

Check out our Figjam Board

Design

  • Used Coolers to pick out some colour pallettes
  • We created wireframes, taking into consideration competitor app functionality and our ideas. Used UIzard to help us out. Then cherry-picked the best features that made sense for what we were trying to accomplish.
  • Created prototypes with a basic design to test out colour variations
Prototypes

Tech Choices

  • Due to the limited build time, we chose to go with JavaScript over TypeScript, with an option to include TypeScript after our MVP1 was achieved
  • Next.js - We knew that we were going to have multiple pages. To make the routing easier for us, we chose Next.js
  • That means that we would use React, allowing us to use components, making our code more manageable and easier to scale.
MVP's

What's Next?


Code   contextualised ratings

authentication   user profiles

AI chatbot   responsiveness

Team ReelStack


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published