Improve the Audiobook Listing Page

[Ctoic]

Description:

Make the audiobook listing page more interactive by adding hover effects, animations, and tooltips. Each audiobook tile should show details like the title, author, and duration on hover. Acceptance Criteria:

Add hover animations to audiobook tiles. Display additional information (e.g., author, length) in a tooltip or overlay when hovered. Ensure the page looks good on both mobile and desktop.

[AdityaBavadekar]

Hi @Ctoic , I am interested in contributing to this. Can you assign this to me?

[Ctoic]

Hey @AdityaBavadekar go ahead 🚀 , star the repo and happy coding 😄

[subhamagarrwal]

kindly let me work on this repo would be highly appreciated

[AdityaBavadekar]

Hi @Ctoic , I had a question, the AudioList Page is same as the main page right? (Where the Currently selected audio book details are also show)

[YakeDev]

Hi @Ctoic , I had a question, the AudioList Page is same as the main page right? (Where the Currently selected audio book details are also show)

Hi @AdityaBavadekar, I think we have to create a home page with all audio book (like cards); I can work on it

[Ctoic]

Sure @YakeDev go ahead you are doing great 🚀

[AdityaBavadekar]

I had added this. Is this good?

[YakeDev]

@AdityaBavadekar let me check, it look amazing

[AdityaBavadekar]

The project can also use this api: https://librivox.org/api/feed/audiobooks/?id=52&format=json but it does not provide audio files.

[YakeDev]

because there is not 1 audio per book, right?

[AdityaBavadekar]

ok right, then this api is not useful

[YakeDev]

We have to create the card manually, or we need to have 1 audio per book. or we have to find another way

[YakeDev]

The project can also use this api: https://librivox.org/api/feed/audiobooks/?id=52&format=json but it does not provide audio files.

can you share with me the html and css of this ? I want to try something if it will work

[AdityaBavadekar]

the card will be for a audio book. when it is clicked the page will load sub audios from that book

[YakeDev]

Yes, right

[YakeDev]

there is not API for audiobook what we can use? @Ctoic any idea?

[Ctoic]

For what purpose you need the API @YakeDev ?

[YakeDev]

For what purpose you need the API @YakeDev ?

to upload dynamically audiobook

[YakeDev]

ok right, then this api is not useful

Audio doesn't play