UNIME (previously named MIRAI) is an anime website that provides you with anime completely free without ads.
The site: UNIME
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.- ReactJS
- HTML
- CSS
- Javascript
- Bootstrap
- Vercel
- React Router DOM
- Swiper
- AXIOS
- MUI
- etc.
RECENTLY ADDED:
- TailwindCSS
Everything is responsive, shrink down the web page or using it on device for further more detail.
- A better way for writing these kinds of projects in the future.
- 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.
- 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:
- ✅
VI and ENG section - ✅
Search anime by image - ✅
Watch anime - ✅
Anilist mapping - ✅
Skip intro, change episode - ✅
Responsive - ✅
Social login - 🔲 Comments
- 🔲 Watched history
- 🔲 User profile
- Maybe more features if I have time...
- Simply use
git clone https://github.com/huy232/mirai.git
to clone my project to your local. - Use
git i
to install all needed dependencies in this project. - Place your own .env - environment file here:
- Inside the .env file, set up like this:
REACT_APP_SUPABASE_ANON_KEY = YOUR ANON SUPABASE KEY
REACT_APP_SUPABASE_URL = YOUR SUPABASE URL
- Go to Supabase and create your own database, in there, get the
SUPABASE URL
andSUPABASE ANON KEY
.
- Use
npm start
to run the project. - Feel free to modify, fork and make it better.
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!