diff --git a/Pages/Home/AboutUs.razor b/Pages/Home/AboutUs.razor index 9c61a795f2d21abd2287fee1c8b12eb8998442e1..d3c2578525db949816296714c51327b2266ab142 100644 --- a/Pages/Home/AboutUs.razor +++ b/Pages/Home/AboutUs.razor @@ -2,18 +2,30 @@ <MudContainer MaxWidth="MaxWidth.Large"> <MudPaper Class="pa-4"> - <MudText Typo="Typo.h5">About Us</MudText> + <MudText Typo="Typo.h5" Class="d-flex justify-content-center">About Us</MudText> <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> <MudText Typo="Typo.body1"> - WatchWhiz is a user-friendly TV show recommendation web application focused on giving the best results back - to the user based on the series they look for. With its glamorous algorithm which uses sets of data to filter - the appropriate response, it is guaranteed to return a group of TV programs that users will enjoy. If one is - looking to review and rate a series they can do so, showing the rest of the people using the website what is - considered highly praised by the public, as well as indicating the official ratings of TMDB. Each person gets - their own customizable profile, in which they can change various information about themselves as well as - uploading their own profile picture and banner, with a list of their favourite movies on top of that. With - all these functionalities in mind, our goal is to give people a simple way to discover their new yet unknown - favourite shows. + WatchWhiz is a user-centric TV show recommendation platform designed for those in search of their next + favourite show. Utilising a sophisticated algorithm based on cosine similarity, we meticulously filter and + curate an extensive selection of TV shows that are similar to each other, ensuring a highly accurate and + relevant set of recommendations. + </MudText> + <MudText Typo="Typo.body1"> + You can leave reviews and ratings on any TV show, letting our users share their thoughts on various series, + which we hope will foster a vibrant community of like-minded individuals. We also show two different ratings + across every show, one from TMDB (The Movie Database), and on our end - this provides a well-rounded perspective + on the quality and popularity of each show. + </MudText> + <MudText Typo="Typo.body1"> + We understand that personalisation is key to an engaging user experience, so everyone can create and + customise their own profile, showcasing four of their favourite shows. With the ability to modify personal + information and upload custom profile pictures and banners, users can make their profiles a reflection of + their inner TV series critic. + </MudText> + <MudText Typo="Typo.body1"> + Our platform encourages social interaction, users can explore and appreciate other members’ profiles and + reviews. This feature allows others to discover new shows based on the recommendations of fellow enthusiasts. + We aim to become the ultimate destination for those in search of their next binge-worthy series. </MudText> </MudPaper> </MudContainer> \ No newline at end of file diff --git a/Pages/Home/GitLab.razor b/Pages/Home/GitLab.razor new file mode 100644 index 0000000000000000000000000000000000000000..3f862bf5c669f104c3c10e9161ed065385699f41 --- /dev/null +++ b/Pages/Home/GitLab.razor @@ -0,0 +1,42 @@ +@page "/GitLab" + +<MudContainer MaxWidth="MaxWidth.Large"> + <MudPaper Class="pa-4"> + <MudText Typo="Typo.h5" Class="d-flex justify-content-center">GitLab links</MudText> + <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> + <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Portal</MudText> + <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None" + Href="https://gitlab.surrey.ac.uk/aa03980/Group17Frontend" Target="_blank"> + https://gitlab.surrey.ac.uk/aa03980/Group17Frontend + </MudLink> + <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The frontend of the website, written in Blazor WASM - .NET 7</MudText> + <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> + <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Authentication Microservice</MudText> + <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None" + Href="https://gitlab.surrey.ac.uk/aa03980/Group17AuthenticationMicroservice" Target="_blank"> + https://gitlab.surrey.ac.uk/aa03980/Group17AuthenticationMicroservice + </MudLink> + <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Authentication microservice of the project, written in .NET 8</MudText> + <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> + <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Profile Microservice</MudText> + <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None" + Href="https://gitlab.surrey.ac.uk/aa03980/Group17ProfileMicroservice" Target="_blank"> + https://gitlab.surrey.ac.uk/aa03980/Group17ProfileMicroservice + </MudLink> + <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Profile microservice of the project, written in .NET 8</MudText> + <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> + <MudText Typo="Typo.h6" Class="d-flex justify-content-center">TV Series Recommendation Microservice</MudText> + <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None" + Href="https://gitlab.surrey.ac.uk/aa03980/Group17TVSeriesRecommendationMicroservice" Target="_blank"> + https://gitlab.surrey.ac.uk/aa03980/Group17TVSeriesRecommendationMicroservice + </MudLink> + <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The TV Series Recommendation microservice for the project, written in Flask</MudText> + <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/> + <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Reviews and Ratings Microservice</MudText> + <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None" + Href="https://gitlab.surrey.ac.uk/aa03980/Group17ReviewsandRatingsMicroservice" Target="_blank"> + https://gitlab.surrey.ac.uk/aa03980/Group17ReviewsandRatingsMicroservice + </MudLink> + <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Reviews and Ratings microservice for the project, written in Flask</MudText> + </MudPaper> +</MudContainer> \ No newline at end of file diff --git a/Shared/HomeLayout.razor b/Shared/HomeLayout.razor index 23af0dcd1c1b615c2161f16c9e4f90737ae1dcbd..e31bcf6875f0046d75b8eaf7f14fd065ccf6d1c0 100644 --- a/Shared/HomeLayout.razor +++ b/Shared/HomeLayout.razor @@ -25,7 +25,7 @@ <MudAppBar Bottom="true" Fixed="false" Class="@(IsDarkMode ? "home-bar-dark" : "home-bar-light")"> <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%"> <MudButton Href="AboutUs">About</MudButton> - <MudButton>GitLab</MudButton> + <MudButton Href="GitLab">GitLab</MudButton> <div class="flex-grow-1"></div> <MudIconButton OnClick="@(() => IsDarkMode = !IsDarkMode)" Icon="@(IsDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/> </MudStack> diff --git a/Shared/LoginLayout.razor b/Shared/LoginLayout.razor index 3f91baf4b22994d5436345f99dd4552ac0a2aa13..91801e0ad2731f69cef1380ef23fa725416f47b4 100644 --- a/Shared/LoginLayout.razor +++ b/Shared/LoginLayout.razor @@ -21,7 +21,7 @@ <MudAppBar Bottom="true" Fixed="false" Color="Color.Transparent"> <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%"> <MudButton Href="AboutUs">About</MudButton> - <MudButton>GitLab</MudButton> + <MudButton Href="GitLab">GitLab</MudButton> <div class="flex-grow-1"></div> <MudIconButton OnClick="@(() => _isDarkMode = !_isDarkMode)" Icon="@(_isDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/> </MudStack> diff --git a/Shared/MainLayout.razor b/Shared/MainLayout.razor index dcfd8a19d5ba12074851e6a8fe7ea03e24b95c28..47fa40a053551e842281db78904b9893b89e4ac1 100644 --- a/Shared/MainLayout.razor +++ b/Shared/MainLayout.razor @@ -26,7 +26,7 @@ <MudAppBar Bottom="true" Fixed="false" Color="Color.Transparent"> <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%"> <MudButton Href="AboutUs">About</MudButton> - <MudButton>GitLab</MudButton> + <MudButton Href="GitLab">GitLab</MudButton> <div class="flex-grow-1"></div> <MudIconButton OnClick="@(() => IsDarkMode = !IsDarkMode)" Icon="@(IsDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/> </MudStack>