Skip to content

huy232/Unime

Repository files navigation

UNIME

UNIME (previously named MIRAI) is an anime website that provides you with anime completely free without ads.

The site: UNIME

Banner

Motivation

Before I learned HTML/CSS/Javascript to become a web developer, I'd always dreamt of creating an anime page for myself to watch without ads, which drove me to learn the necessary technology and tools required for this first "from scratch" project.

Table of contents

TECHNOLOGIES AND SOME DEPENDENCIES I USE

  • ReactJS
  • HTML
  • CSS
  • Javascript
  • Bootstrap
  • Vercel
  • React Router DOM
  • Swiper
  • AXIOS
  • MUI
  • etc.

RECENTLY ADDED:

  • TailwindCSS

SHOWCASE

VIETNAMESE HOME PAGE

HomePageVI

ENGLISH HOME PAGE

HomePageENG

VIETNAMESE ANIME PAGE

AnimeVI

ENGLISH ANIME PAGE

AnimeENG

VIETNAMESE INFO PAGE

InfoPageVI

ENGLISH INFO PAGE

InfoPageENG

IMAGE SEARCH PAGE

ImageSearch-1

IMAGE SEARCH RESULT PAGE

ImageSearch-2

WATCH PAGE

WatchPage

LOGIN PAGE

LoginPage

Everything is responsive, shrink down the web page or using it on device for further more detail.

IMPROVE

  • A better way for writing these kinds of projects in the future (I haven't known React at the point of doing this project, so I really haven't used it at its best, I hope the next project will be better).
  • Write a better CSS, since it's my first-hand project, I did mess up the global CSS which lead me to override a lot of CSS.
  • Apply more ways and technologies needed (like Redux, useMemo, useRef, etc. for more flexibility in handling data)
  • Fix bugs if it's still around, but I'm trying on other projects, so progress on this will be plodding.

SOURCES

  • This is a free project, the data is from Vuighe, please support them.
  • Combine with Anilist data and Youtube for trailer provider and further information for anime.

Recently added:

TODO

  • VI and ENG section
  • Search anime by image
  • Watch anime
  • Anilist mapping
  • Skip intro, change episode
  • Responsive
  • Social login
  • Comments
  • Watched history
  • Maybe more features if I have time...

Feel free to contact or bug report to me, if you see any better solutions, more optimized ways of coding, or just want to share it with me, I'll gladly and kindly listen to it, have a nice day!