Sora

Overview

This work-in-progress app is built using a combination of various technologies and frameworks. It aims to provide an interactive and visually appealing user interface with pre-made components and themes. The app leverages different tools for authentication, database, internationalization, state management, and more, to create a dynamic and engaging user experience.

Features

• Remix with Typescript: Utilizes Typescript for enhanced type safety and better development experience.
• NextUI for pre-made components and themes: Includes a library of pre-made components and themes for easy and quick implementation.
• Styled using TailwindCSS and Stitches: Uses TailwindCSS and Stitches to efficiently style the app with custom design options.
• SwiperJS for touch slider: Incorporates SwiperJS to add touch slider functionality for smooth and interactive content browsing.
• Internationalization using i18n: Provides support for multi-language content through the i18n framework.
• Authentication and database using Supabase: Utilizes Supabase for handling user authentication and managing the app’s database.
• UI Components built using Radix UI: Implements UI components from Radix UI library for consistent and modular design.
• Animation using Framer Motion: Integrates Framer Motion for creating fluid and visually appealing animations.
• State management using Zustand: Employs Zustand for efficient state management within the app.
• Custom media player using Artplayer: Implements a custom media player using Artplayer for seamless audio/video playback.
• Cache using LRU Cache: Utilizes LRU Cache for optimizing data caching and improving performance.
• Color manipulation and conversion using Tinycolor: Includes Tinycolor for manipulating and converting colors within the app.

Installation

To install and set up the theme, please follow the instructions below:

1. Install the required dependencies using the package manager pnpm:

pnpm install

2. Copy the .env-example file to a new file named .env and update the variables with your own configuration.

3. Start the development server to run the app locally:

pnpm dev

Summary

This work-in-progress app combines various technologies and frameworks to create an interactive and visually appealing user interface. With pre-made components and themes provided by NextUI, the app offers a wide range of design options. It leverages tools such as SwiperJS, i18n, Supabase, Radix UI, Framer Motion, Zustand, Artplayer, LRU Cache, and Tinycolor to add functionalities like touch slider, multi-language support, authentication and database management, animation, state management, custom media player, caching, and color manipulation respectively. By adopting this extensive tech stack, the app aims to provide a seamless and enjoyable user experience.