animxer1/animxer101

A Vietnamese Anime page for my practicing ReactJS

UNIME

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

The site: UNIME

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
• SHOWCASE
• WHAT NEED TO IMPROVE
• SOURCES
• TODO
• INSTALLATION

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

ENGLISH HOME PAGE

VIETNAMESE ANIME PAGE

ENGLISH ANIME PAGE

VIETNAMESE INFO PAGE

ENGLISH INFO PAGE

IMAGE SEARCH PAGE

IMAGE SEARCH RESULT PAGE

WATCH PAGE

LOGIN PAGE

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:

• ZoroAnime
• GogoAnime

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!