Celestial Replay is a fun and engaging video replay tool built with Next.js and NextUI, perfect for hobbyists who love to relive their favorite video moments. Whether you want to focus on specific content, create a calming atmosphere, or curate unique video playlists, Celestial Replay has you covered!
Key Features:
- Single Video Repeat: Loop a single video continuously, ideal for meditation, focus, or simply enjoying your favorite content on repeat.
- Advanced+ Playlists: Craft and save custom video playlists with tailored repetition settings. Create personalized experiences and curate your own video journeys.
- Stack Editor: Easily manage and fine-tune your saved video stacks. Update URLs, adjust repetitions, and ensure your playlists are always perfect.
- History Tracking: Keep track of your video replays, including view counts and timestamps, allowing you to explore your viewing habits over time.
Tech Stack:
- Next.js 14: A powerful React framework for building modern web applications.
- NextUI v2: A beautiful and customizable React UI library.
- Zod: A robust schema validation library for ensuring data integrity. 🔒
- React Player: A versatile React component for seamless video playback from various platforms. 📺
- Tailwind CSS: A utility-first CSS framework for rapid UI development.
- Tailwind Variants: A plugin for Tailwind CSS that provides additional utility classes for styling based on component states.
- TypeScript: A typed superset of JavaScript that enhances code quality and maintainability.
- Framer Motion: An animation library for React that makes creating smooth and interactive animations a breeze.
- next-themes: A library for easily managing light and dark themes in Next.js applications. 🌓
You can use one of them npm, yarn, pnpm, bun. Example using npm:
npm install
npm run dev