Enhancements to Anime Info Page with New Features and UI Improvements (Desktop)

mochi-stream / mochi

(In Dev) 🍡 Mochi - Powerful anime streaming platform with a user-friendly interface and high-quality streaming.

https://mochi-preview.vercel.app

BSD 3-Clause "New" or "Revised" License

15 stars 5 forks source link

Enhancements to Anime Info Page with New Features and UI Improvements (Desktop) #62

Closed swargaraj closed 3 months ago

swargaraj commented 3 months ago

Enhanced Anime Info Page for Desktop.

Updated database schema
Implemented sign-up prompt dialog #55
Added graphql queries & types
Design layout changed
Added recommendations and related anime sections
Included characters and staff lists
Added video player for Streaming from dev/video-player-integration

Preview 1 | Preview 2

vercel[bot] commented 3 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
mochi	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 7, 2024 7:26pm

swargaraj commented 3 months ago

@MSoup @jackli921 Check this out

jackli921 commented 3 months ago

This PR includes a lot of changes. I'm scanning through it but I don't think I know enough about the framework and TS used to be able to provide constructive feedback. At least not yet. I think @MSoup will be able to provide some input.

jackli921 commented 3 months ago

Tested the newly added features on vercel auto deploy. Everything looks good to me.

Only thing I noticed is the show text details may need repositioning on mobile devices.

jackli921 commented 3 months ago

How do you test the video player feature on Vercel's auto-deploy?

swargaraj commented 3 months ago

Tested the newly added features on vercel auto deploy. Everything looks good to me.

Only thing I noticed is the show text details may need repositioning on mobile devices.

This PR is only for the desktop devices. I am rapidly developing other pages. After that I will make all pages responsive in one PR

swargaraj commented 3 months ago

How do you test the video player feature on Vercel's auto-deploy?

The last commit cannot be actually viewed on the vercel yet. Only the video player component files were mergered from dev/video-player-integration in that commit and it was working perfectly fine there

swargaraj commented 3 months ago

So basically I created graphql queries & fragments in the graphql folder that fetches the anime information from anilist's graphql api and display them in the /app/anime/[id]/page.tsx. Most of the commits are for design improvements.

Some backlogs are there like to make it suitable for smaller devices and also some with "TODO:" in the code which will be soon in future.