Hiep2301 / Netime

Netime

Netime is a website to watch anime with vietnamese subtitle, built with React and Tailwind.

Table of contents

• Technologies
• Setup
• Example
• To do
• Sources

Technologies

• Front-end:
  • React, Tailwind
  • Libraries: React Query, React Slick, Plyr
• Back-end:
  • Nodejs, Express
  • Libraries: Cheerio

Note: Both of them using Typescript

Server github repo: Netime-server

Setup

To run this project, install it locally using npm (or yarn):

npm install
npm start

Change API_URL in src/constants.ts to let the project works properly

Example

Here is some screenshots to show how the website would looks like.

Or here is live example

Todo

• Guide tour in watch screen. ❌
• Footer ✔️
• More compatible with mobile devices
• Meta Tags
• Save user's episodes. (Maybe using localStorage, or a database if I have time.)
• Skeleton loading
• Comments

Maybe

• A domain
• Comics section to read.
• Authorization system (If I have enough time.)

Sources

• Video player design is inspired by Netflix (Sadly I can't make the same as them)
• Data from AnimeVSub