Sora是一个开源的网络应用项目，专注于电影、电视剧和动漫内容的探索与观看。该项目采用Remix和NextUI作为核心框架，并整合了TypeScript、TailwindCSS和Stitches等技术，以实现高效的界面渲染和性能优化。Sora的特点包括支持多语言、用户认证、数据库管理和自定义媒体播放器。作为一个活跃的开发项目，Sora持续优化其功能，旨在为用户提供全面且流畅的多媒体内容访问体验。

<a name="readme-top"></a>

<!-- 项目标志 --> <br /> <div align="center"> <a href="https://github.com/Khanhtran47/remix-movie"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/08e1a6e4-7393-42a9-934b-1d84fb846e9c.png" alt="标志" width="80" height="80"> </a> <h2 align="center">SORA</h2> <p align="center"> 一个用于探索、观看电影、电视剧和动漫的网络应用，使用Remix和NextUI构建。 <br /> </p> </div>

警告 此应用程序仍在开发中。 <br/>

<!-- 目录 --> <details> <summary>目录</summary> <ol> <li><a href="#tech-stack">技术栈</a></li> <li><a href="#development">开发</a></li> <li><a href="#license">许可证</a></li> </ol> </details> <br/> <div align="center"> <a href="https://github.com/Khanhtran47/remix-movie"> <img src="https://yellow-cdn.veclightyear.com/0a4dffa0/fdd501d5-1068-4410-943a-6d4d44663b56.png" alt="截图"> </a> </div> <br/> <!-- 技术栈 -->

技术栈

  • 使用TypeScript的Remix
  • NextUI用于预制组件和主题
  • 使用TailwindCSS和Stitches进行样式设计
  • SwiperJS用于触摸滑块
  • 使用i18n进行国际化
  • 使用Supabase进行身份验证和数据库操作
  • 使用Radix UI构建UI组件
  • 使用Framer Motion进行动画
  • 使用Zustand进行状态管理
  • 使用Artplayer自定义媒体播放器
  • 使用LRU Cache进行缓存
  • 使用Tinycolor进行颜色操作和转换
<p align="right">(<a href="#readme-top">返回顶部</a>)</p> <!-- 开发 -->

开发

<br/>
  1. 使用pnpm安装依赖
pnpm install