ramoneclarke / retube-client

Retube Client

Retube is a full-stack web app that enhances your YouTube experience with AI-powered tools. Generate transcribed text snippets, create video summaries, and access your created content within your account.

Demo

Here is a working live demo : https://app.retubeai.com

Built with

• React
• NextJS
• TailwindCSS
• RadixUI
• OpenAI
• Stripe

License

MIT

retube-client's Issues

Build the Summaries page

Build the Snippets page

• Move snippet instruction to a info icon tooltip
• Create snippet display window
• Add copy to clipboard
• Build recent snippets section
• Add debounce to the slider
• Set snippet slider limits based on subscription
• Limit snippets creation based on subscription

Set up auth with nextauth and retube api

500 Internal server error when session token expires

Users that don't log in for a while receive a 500 internal server error due to the session token expiring and not refreshing.

The token/cookie needs to be refreshed or discarded once it has expired/

Add a toast with the text 'Your session expired. Sign in again to continue'. Like ChatGPT and Bonsai

Create a layout component with the sidebar and toolbar

• Build mobile sidebar
• Open sidebar on menu click and close on menu click or onclickoutside
• Add tooltip to account icon button
• Make account icon a link to the account page
• Create stories for all components used in the layout

Create a withAuth higher order component

Update useRefetchingSession to update session when session status changes

Add cached session to withAuth component

To prevent the screen from going blank during a token refresh, the current session data needs to be cached and displayed while the refresh is taking place.

Build the Dashboard