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

2. 复制.env-example并更新变量

3. 启动开发服务器

pnpm dev

<p align="right">(<a href="#readme-top">返回顶部</a>)</p> <!-- 许可证 -->

许可证

根据MIT许可证分发。更多信息请参见LICENSE.txt。

<p align="right">(<a href="#readme-top">返回顶部</a>)</p>