Hoocs151 / 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 , Typescript
  • Libraries: React Query, React Slick, Plyr
• Back-end:
  • Nodejs, Express
  • Libraries: Cheerio JSDom

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. ❌ Reason: it breaks my styles.
• Footer ✔️
• Skeleton loading ✔️
• Restyle InfoScreen ✔️
• More compatible with mobile devices
• Save user's episodes. ✔️
• Video player overlay. ✔️
• Video controls on mobile ✔️
• "Chunk" episodes into chunks. ✔️
• Meta Tags (Maybe can't with React....)
• Comments

Maybe

• A domain
• Comics section to read ❌ Reason: This is anime website.
• Authorization system (If I have enough time.) ❌ Reason: I don't have time

Sources

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