MovieMatcher

https://moviematcher.netlify.app/

Why MovieMatcher?

Have you and your friend or significant other ever had trouble deciding on what to watch? If so, then MovieMatcher is the perfect app for you! Users can register an account, then find their friends in our database, add them to their friends list and start swiping! MovieMatcher only allows you to swipe with your friends, so you won't get any weird matches with people you don't know. You're also able to choose, specifically, which friend to swipe with and your matches are saved in our database for you to always go back and check what you've matched with in the past. It's as easy as one, two and swipe!

Contributors

LinusUnghammar

frankemon

jagestedt

About the project

Documentation

Our main documentation: MovieMatcher

Built with

• Laravel
• Angular
• Tailwindcss

Code Standards

If you intend to work on this project, it is important to follow the code standards we have set up for this project.

In general

• Classes should be declared in PascalCase
• Variables, methods/functions should be declared in camelCase

Laravel

Laravel is written in PHP therefore we have chosen to follow PSR-12
To make life easier we use php codesniffer.

Angular

We are following the strict rules of TypeScript.

Getting started

Laravel

• Clone this repo
• cd backend
• Install dependencies composer install (run composer update if needed)
• Create .env file cp .env.example .env
• Fill in TMDB_KEY with your TMDB API key
• Generate app key php artisan key:generate
• Run project with docker ./vendor/bin/sail up
• Create the tables ./vendor/bin/sail artisan migrate
• Seed the tables with ./vendor/bin/sail artisan db:seed

Angular

To run frontend commands Angular CLI is required. Install with npm install -g @angular/cli

• Clone this repo
• cd frontend
• Install dependencies npm install
• Create .env file cp .env.example .env
• Make sure your API_URL in .env is correct and connected to the backend
• Run ng serve
• Dev server will be found on http://localhost:4200/

License

Distributed under the MIT License

Example (Swiping)

User page

On the user page you can see your friends, incoming requests and send requests to other users. (For now the swipe-button in the friends table takes you to the swipe page, but could be used to instantly swipe against that friend)

Swipe page

Once you have a friend you can select them from the dropdown and the first movie will appear as a card with some info. Under the card is the dislike/like-buttons. A click on the right (thumbs up) will add that movie to a list of approved movies and then the next movie card shows up. If your friend has liked the same movie, it's a match. If you click on the thumbs down you will just be shown the next movie card.

Matches page

On the matches page you can choose a friend from the dropdown and it will display all matches.