/aughh

A Website To Watch Movie, Anime And TV Show Using NextJS

Primary LanguageTypeScript

NetFilm

A Website To Watch HD Movies, Anime And TV Online For Free Using NextJS

Overview

Preview

preview-home

Resources

Main technology used

  • NextJS, Typescript
  • Sass module
  • Firebase
  • Redux, Redux toolkit (State management)
  • Axios, Swr (Support fetching data)
  • Swiper (Slider), react-modal (Modal)
  • React-toastify, react-hot-toast (Message UI)
  • Next-swagger-doc, swagger-ui-react (Document API)
  • Cheerio (Crawl data from website Loklok)
  • react-hls-player (Media player video m3u8)
  • Other: query-string, uuidv4, ...

Features

  • Full HD movies with subtitles in many languages
  • Suggested movies you may like
  • Skeleton loading, infinite scrolling movie at Home page and Explore page
  • Search movie by name, with suggestion keywords, filter movie by type (category, area, year,...)
  • Profile page: allowing to change profile photo avatar, fullname, password.
  • Comment: allowing to give reactions, see who reacts to a comment, edit and delete comment.
  • Discovery movie trailer (Short videos like TikTok)
  • Save history you watch, follow movie you like
  • View information of the actors in the movie
  • Read latest breaking movie news
  • Optimize SEO and Responsive on many devices

Screenshots

Home page

home

Watch Page

watch

Search Page

search

Profile Page

profile

Change Password Page

password

News Page

news

News Details Page

news-details

Explore Page

explore

Discovery Page

discovery

History Page

history

Sign In Page

sign-in

Sign Up Page

sign-up

Star Info Page

star

Page Not Found

404

Mobile

mobile

👉 If you like this project, give it a star ✨ and share 👨🏻‍💻 it to your friends 👈