Skip to content
/ Unime Public
forked from huy232/Unime

A Vietnamese Anime page for my practicing ReactJS

Notifications You must be signed in to change notification settings

Kfnn12/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.
  • 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
  • 🔲 User profile
  • Maybe more features if I have time...

INSTALLATION

  • 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:

EnviromentSetup

  • 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 and SUPABASE ANON KEY.

EnviromentSetup-2

  • 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!

About

A Vietnamese Anime page for my practicing ReactJS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 91.7%
  • CSS 7.7%
  • HTML 0.6%