https://github.com/saif-gitreps/reeldash-frontend

A modern short-video sharing app with a seamless and interactive user experience. Users can become creators, publish short videos, and engage with a smooth, scrollable reel feed for endless entertainment.
https://github.com/saif-gitreps/reeldash-frontend

axios nextjs15 react shadcn-ui tailwindcss tanstack-react-query typescript zod-validation zustand

Last synced: about 2 months ago
JSON representation

A modern short-video sharing app with a seamless and interactive user experience. Users can become creators, publish short videos, and engage with a smooth, scrollable reel feed for endless entertainment.

• Host: GitHub
• URL: https://github.com/saif-gitreps/reeldash-frontend
• Owner: saif-gitreps
• Created: 2025-01-09T16:30:00.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-12-29T07:47:19.000Z (6 months ago)
• Last Synced: 2025-12-31T08:40:08.920Z (6 months ago)
• Topics: axios, nextjs15, react, shadcn-ui, tailwindcss, tanstack-react-query, typescript, zod-validation, zustand
• Language: TypeScript
• Homepage: https://reel-dash-frontend.vercel.app
• Size: 643 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ReelDash - Frontend

A **modern short-video sharing platform** with a seamless and interactive user experience. Built with **Next.js 15**, it provides a fast, responsive, and scalable frontend for engaging with short-video content.

## 🚀 Features

🔧 **Modern & High-Performance**

-  ⚡ **Built with [Next.js 15](https://nextjs.org/)** for a fast, optimized, and responsive UI.

-  🎬 **Smooth page transitions** and loading animations for an immersive user experience.

🎨 **Elegant UI & Intuitive UX**

-  🛠 **Minimalistic & modern design** using **[shadcn-ui](https://github.com/shadcn-ui)** and **Tailwind CSS**.

🧑🏻‍💻 **User Capabilities**

-  **Guest users** can:

   -  Browse and watch short videos without authentication.

-  **Authenticated users** can:

   -  Scroll through an **infinite feed** of short videos.

   -  **Like, comment, and share** videos.

   -  **Subscribe** to their favorite creators.

   -  **Filter & watch** content exclusively from subscribed channels.

   -  **Stay updated** with notifications and posts from subscriptions.

   -  **Create and publish** their own short videos.

   -  **Post updates** to engage with subscribers.

   -  **Customize their profile** as they like.

   -  **Track watch history** and revisit previously viewed content.

💻 Tech Stack & Core Features

-  🖥 **Fully typed with TypeScript** for enhanced safety and maintainability.

-  📜 **Strict form validation** using **Zod** and **React Hook Form**.

-  🌄 **Paginated browsing** with intuitive **previous/next navigation** for videos and posts.

-  🔧 Optimized data-fetching & mutations using **TanStack React Query**.

-  🪝 **Reusable custom hooks** for **API calls**, **auth state management** and **video player controls**.

-  🚀 Efficient **caching** & **cache invalidation** with **TanStack React Query**.

-  📁 **Zustand** global auth state management for a lightweight and reactive experience.

-  🥂 Beautiful success & error handling with **React Hot Toast**.

-  🛠 **JWT authentication handling** with **Axios interceptors** for secure access and refresh token management.

🎁 Additional Features

-  🔄 **Highly customizable & extendable**, with future enhancements planned.

-  📱 **Fully responsive design** for mobile, tablet, and desktop.