Releases: thePeras/ESOF_Pocket_Cinema
Pocket Cinema v4
Pocket cinema v4
The release addresses these issues.
Welcome to Iteration No. 4 release.
In this release, we focused mainly on making the application user friendly and completely bug free.
There are updates in this version that we hope you'll like, some of the key highlights include:
- Trailer page - We've added a new trailer page for movies and series
- Removing media from personal lists - Possibility to remove media from personal lists and to delete personal lists.
- Empty state illustrations - When a list content is empty, an illustration will be displayed so the screen isn't left blank.
- UX improvements - We've made some other small changes that make the user experience better
- UI improvements - We've made some small changes to make the app interface look better
- Bugfixes - Fixed some bugs that made the user experience worse
Trailer page
- Our trailer page is way better now! There you can find the release date of the movie / series, add it to a list or even watch more trailers.
- In the media page, a button to watch the trailer was added. When you click it, you are redirected to the trailer page.
WhatsApp.Video.2023-05-24.at.00.06.31.mp4
Removing media from personal lists
- Now, when you add a media to a list, there is a checkbox that allows you to remove the media from the list.
- For every list, in the list page, there is a delete icon for each media that allows you to remove the media from the list.
- To allow deleting the list, there is now also a delete icon for each list.
WhatsApp.Video.2023-05-24.at.00.13.33.mp4
Empty state illustrations
- If the to watch list is empty, we show an illustration and a button to encourage the user to add media to the list.
- When no lists have yet been created by the user, we show an empty state illustration.
![](https://private-user-images.githubusercontent.com/93603699/240445760-b53e1856-834d-4b35-b6a5-12c29904ecaa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NTUyNTYsIm5iZiI6MTcyMDY1NDk1NiwicGF0aCI6Ii85MzYwMzY5OS8yNDA0NDU3NjAtYjUzZTE4NTYtODM0ZC00YjM1LWI2YTUtMTJjMjk5MDRlY2FhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDIzNDIzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2OTQ2Yzg0MmUwMjdkMzk1ZjlmM2FlZTUzYjIyM2FlMTE4NjE5NmU5Y2QwZjk5Mzk5MTU4ODg2ZDEwY2IxOTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fEZG5fVx0s51bPBJQ_PYeOh4pz1kPL9uwryur3QJf90)
UX (User Experience) Improvements
User Experience (UX) design enhances user satisfaction and drives customer loyalty, leading to increased retention and positive word-of-mouth. Because of this we have improved in many aspects.
- Now, clicking in the whole trailer card, and not just the image, redirects to the corespondent media page.
WhatsApp.Video.2023-05-24.at.00.19.45.mp4
- Every button has its tool tip helping the user to always know what it is used for.
WhatsApp.Video.2023-05-24.at.00.20.08.mp4
- A shimmer effect was added when loading the content in the search page, such as the trailers.
WhatsApp.Video.2023-05-24.at.00.24.49.mp4
- Made the creating list text field fixed and more clear.
WhatsApp.Video.2023-05-24.at.00.26.13.mp4
- Lists are now correctly refreshed when media is removed from the media page.
UI (User Interface) Improvements
To make sure our app ensures seamless navigation and a delightful user experience we have improved some UI aspects.
- We have change the snackbars to toast messages, as they provided a more elegant look.
- The comment design was improved, it's now easy to differentiate the different sections. (username, comment text and date)
- The media rating design is now more simple.
![](https://private-user-images.githubusercontent.com/93603699/240446395-a57b63c4-e4b0-49c6-877d-8ba5fa8487a2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NTUyNTYsIm5iZiI6MTcyMDY1NDk1NiwicGF0aCI6Ii85MzYwMzY5OS8yNDA0NDYzOTUtYTU3YjYzYzQtZTRiMC00OWM2LTg3N2QtOGJhNWZhODQ4N2EyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDIzNDIzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE5Mjg0NGU2ZDI3NjA0NWFmYmI2OTY1OGRjNGIyNDRhM2VhNWJlMGY1ZjQ1YTQ5OTY3NDU2ZWE5ZTljNzFiMjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZVpG0TSA443Y3Vbp8ltloNGHdjF-esUEChHXn8UIftU)
- When an error occurr a nice error looking was created to be displayed.
- Images had been updated with a placeholder displayed when loading.
![](https://private-user-images.githubusercontent.com/93603699/240446445-a8918c7c-8118-4191-9928-197ba98bccdd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NTUyNTYsIm5iZiI6MTcyMDY1NDk1NiwicGF0aCI6Ii85MzYwMzY5OS8yNDA0NDY0NDUtYTg5MThjN2MtODExOC00MTkxLTk5MjgtMTk3YmE5OGJjY2RkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDIzNDIzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU4ZjYwY2QzMDViNmYxZDM0MDg5NTNiZDk3NjgzOTY5YjMwNTNiN2ZjMGU2YTZjOGRjZjQxMmQ0ZTkzYTk0MGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hS27kiR_POj3T3lPJtp0345r5TUFQWx6HyItKMONnz4)
- Similar, a default background for media page is placed if no other is found.
- We added our logo and name to the top of the screen at home and user space pages.
![](https://private-user-images.githubusercontent.com/93603699/240446645-fa9a739a-2650-4717-b12d-552a7d0d37cb.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NTUyNTYsIm5iZiI6MTcyMDY1NDk1NiwicGF0aCI6Ii85MzYwMzY5OS8yNDA0NDY2NDUtZmE5YTczOWEtMjY1MC00NzE3LWIxMmQtNTUyYTdkMGQzN2NiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDIzNDIzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc5MjA2NDliNGYyZTcyNjJhYTBlNjc5MTFhOTlmNTRiNzExMWFmMWFiODIxMjZlM2IyYzQ2ZDc0NDI3N2E2ZWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.szQRJNAbFw1RQ3HheypjglTk8yL9ZBUrLG8qDBQ8cK8)
- Empty lists card design have been changed.
![](https://private-user-images.githubusercontent.com/93603699/240446592-64d066ad-cbd1-4860-98ac-cf8f2d045374.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjA2NTUyNTYsIm5iZiI6MTcyMDY1NDk1NiwicGF0aCI6Ii85MzYwMzY5OS8yNDA0NDY1OTItNjRkMDY2YWQtY2JkMS00ODYwLTk4YWMtY2Y4ZjJkMDQ1Mzc0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzEwVDIzNDIzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMxNDgyNWQwOTYwYmE1YjBkNThhNWNkMGU2ZDAxODE4ZDc4M2I2MGJjYzlmMzMyNDhlNjc0YmRjODg1MTZhMjMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.agSkitqyBXOrfZissqdgZt7kkgqmOzyGg97uYv0FalY)
Bug Fixes
Here is a list of some bugs that were fixed:
- Fixed a bug where the media list page would not refresh when media was removed from it
- Fixed a bug where the media list page would overflow on some phone resolutions
- Fixed a bug where the rating number would appear as null from media that were not aired yet
- Fixed a bug where a user would have to click the back button twice to leave the trailer full screen
- Fixed a bug where after logging out and logging in to another account, the user would still see the lists from the logged out account
- Fixed a bug where if a user logs in and immediately moves to the user space page, there would be a user not logged in error
Pocket Cinema v3
Pocket cinema v3
The release addresses these issues.
Welcome to Iteration No. 3 release.
There are updates in this version that we hope you'll like, some of the key highlights include:
- User Space Page - We've added some more features to this page
- List page - We've added a new page where users can see their lists (watched, to watch, and custom lists)
- Suggestions in the Search Page - We've added an extra page with movies/series suggestions
- Adding to lists - users can now add movies/series to lists (watched, to watch, and custom lists)
- Other small improvements - We've made some other small changes that make the user experience better
- Bug fixes - Fixed some bugs that made the user experience worse
User Space Page
We've added some new features to this page.
- "To watch" list: it is now possible for users to see the movies they mark as "to watch" in this list.
- Watched list: users can now see the movies/series that they marked as "watched" by clicking on the watched check button.
- User lists: users can now create and see the lists they created on this page. To create a list, just click on the plus button on the bottom right corner of the screen and a field will appear to do so.
![]() |
---|
New user space page |
List page
This page is accessible through the User Space and displays the movies/series of the corresponding list.
![]() |
---|
Media list page |
Suggestions in the search page
We've added a new intermediary page, where the user can find some featured movies and trailers.
Don't worry, searching for movies/series is still easy, just click on the search icon on the search bar or the bar itself!
- In-theater movies: we've added a list of movies that are currently in theaters
- Trending trailers: the users can now see and easily play some trending trailers.
![]() |
---|
New search page |
Adding to lists
- We've added some buttons in the search page and movie/series pages to add movies and series to lists.
![]() |
![]() |
---|---|
Butttons to add to the user pocket list or other lists | Menu where you choose where to add a media |
Other small improvements
- Improved the date format
- Added a "no results found" illustration to the search page when no results are found
![]() |
![]() |
---|---|
New date format | No results found |
Bug Fixes
Some bugs that were fixed:
- Some movie/series pages were breaking because of the lack of certain data for that movie/series
- Fixed an issue where strange text would appear in some movies/series that had non-standard characters (fixed encoding issue)
Pocket Cinema v2
Pocket cinema v2
The release addresses these issues.
Welcome to the Iteration no. 2 release.
There are updates in this version that we hope you'll like, some of the key highlights include:
- Logo - New application logo.
- Login - Allow login with Google accounts.
- News Page - Shows the hottest news on movies and series.
- Search Results - Create a search for movies and series.
- Movies/Series Page - Create a page for each movie/series.
- Comments in movies/series page - Users can comment on movies and series.
- Accessibility - Users can now log out and easily go back from page to page.
Logo
We are happy to announce our new logo that was being designed for a long time.
We believe that this logo represents perfectly the vision of our application.
Along others things, the color purple represents mystery, creativity, independence and magic, which are true values we want to transmit to our users.
Easily recognizable, the logo has a format of a letter "P" that is the first letter of our brand name "Pocket Cinema".
Additionally, the right side of the logo represents some stairs that are pointing up in such a way that resembles the way that we want to take our users to a new level of entertainment.
Login
Login with Google
Logging into our app is now much simpler.
We've added the possibility to sign in using a Google account.
![]() |
![]() |
---|---|
Google sign in | Google sign in popup |
Login and Register errors
When trying to log in or register, the app will now display an error message if something went wrong.
![]() |
---|
Example error message |
News page
We are now showing the most recent news about movies and series.
When the user clicks on a news, it will open a news page with the full article.
Also, we append a button to open the full article in a browser.
![]() |
![]() |
---|---|
News page | News page with full article |
Search Results
When a user writes something in the search bar, the respective movies/series will now appear.
It is also possible to filter the results by movies or series just with a swipe of the finger.
Clicking on a result opens the respective movies/series page.
![]() |
![]() |
---|---|
Search results filtered by movies | Search results filtered by series |
Movies Series Page
Movies/series pages are now displaying updated data from any content.
The title, description, rating and poster are all elements that we've displayed in any page.
![]() |
---|
Movie page |
Comments
Adding and viewing comments
Users who are on a specific movies/series page now have the ability to write as many comments as they want, which will be visible to all other users. The comments appear with a date, the username and the comment text.
![]() |
---|
Movie page with comments |
Accessibility
We added some features to make the app more accessible to users.
Go back button
The go back button is now present in all pages, making it easier for users to go back to the previous page.
![]() |
---|
Go back button |
Logout button
The logout button is now present in the my space page, making the logout action easy to find.
![]() |
---|
Logout button |
Pocket Cinema v1
What's Changed
- Changes to domain-model by @Minipoloalex in FEUP-LEIC-ES-2022-23/2LEIC13T1#48
- Improved physical arch design by @diogotvf7 in FEUP-LEIC-ES-2022-23/2LEIC13T1#47
- Media List Page by @thePeras in FEUP-LEIC-ES-2022-23/2LEIC13T1#49
- Setup firebase by @diogotvf7 and @Minipoloalex in FEUP-LEIC-ES-2022-23/2LEIC13T1#54
- Implementet Login and Register logic by @Minipoloalex and @diogotvf7
- Updated physical arch diagram by @diogotvf7 in FEUP-LEIC-ES-2022-23/2LEIC13T1#56
- Project managment file by @thePeras in FEUP-LEIC-ES-2022-23/2LEIC13T1#57
- State managmenent by @thePeras in FEUP-LEIC-ES-2022-23/2LEIC13T1#61
- Improved login and register UI by @Minipoloalex in FEUP-LEIC-ES-2022-23/2LEIC13T1#62
- Top media page created by @luismcontreiras in FEUP-LEIC-ES-2022-23/2LEIC13T1#63
- Feature/comments movie page by @luismcontreiras in FEUP-LEIC-ES-2022-23/2LEIC13T1#66
- Added watch buttons by @Hmgc2002 in FEUP-LEIC-ES-2022-23/2LEIC13T1#64
- Shimmer widgets by @thePeras in FEUP-LEIC-ES-2022-23/2LEIC13T1#65
Full Changelog: FEUP-LEIC-ES-2022-23/2LEIC13T1@v0...v1