/kurebiverse-fe

Forked From Kuroo

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Kurebiverse Anime Streaming Website

Welcome to Kurebiverse, an anime streaming website that brings you a wide range of anime titles to enjoy. This repository contains the front-end codebase for the Kurebiverse website.

Table of Contents

Introduction

Kurebiverse is a platform dedicated to providing anime enthusiasts with a seamless streaming experience. Our website is designed to showcase a diverse collection of anime titles across various genres, ensuring that there's something for everyone.

Features

  • Browse and search for a wide range of anime titles.
  • Watch high-quality anime episodes and movies.
  • User-friendly interface for a smooth navigation experience.
  • Personalized watchlist and history tracking for registered users.
  • Integration with Supabase for authentication and user management.

Installation

  1. Clone this repository to your local machine.
  2. Navigate to the project directory.
git clone https://github.com/your-username/kurebiverse-fe.git
cd kurebiverse-fe
  1. Install the project dependencies using npm or yarn.
npm install

Usage

To start the development server and view the website locally, run the following command:

npm run dev

Visit http://localhost:3000 in your browser to access the Kurebiverse website.

Dependencies

Kurebiverse frontend relies on the following dependencies:

  • @emotion/react
  • @emotion/styled
  • @material-tailwind/react
  • @mui/icons-material
  • @mui/material
  • @reduxjs/toolkit
  • @supabase/auth-ui-react
  • @supabase/auth-ui-shared
  • @supabase/supabase-js
  • @tailwindcss/line-clamp
  • axios
  • react
  • react-dom
  • react-helmet-async
  • react-intersection-observer
  • react-player
  • react-redux
  • react-router-dom

Install these dependencies using the following command:

npm install

Dev Dependencies

The project utilizes the following dev dependencies:

  • @types/react
  • @types/react-dom
  • @types/react-slick
  • @typescript-eslint/eslint-plugin
  • @typescript-eslint/parser
  • @vitejs/plugin-react-swc
  • autoprefixer
  • eslint
  • eslint-plugin-react-hooks
  • eslint-plugin-react-refresh
  • postcss
  • sass
  • tailwindcss
  • typescript
  • vite

These dev dependencies are required for development and build processes. Install them using the following command:

npm install --save-dev

Scripts

  • dev: Start the development server using Vite.
  • build: Build the project using TypeScript and Vite.
  • lint: Run ESLint to perform code linting.
  • preview: Preview the production build using Vite.

Run scripts using the following command:

npm run script-name

Contributing

We welcome contributions to the Kurebiverse project. If you find any issues or want to add new features, please feel free to open a pull request.

License

This project is licensed under the Apache License.

Visit the live Kurebiverse website and start exploring the captivating world of anime! 🌟