Skip to content

Chandu6702/Anime-Ecstasy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

129 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒธ Anime Ecstasy

๐ŸŽฅ Your ultimate Anime Discovery & Watchlist App โ€“ powered by React + Tailwind + Anime API
๐ŸŒ Live Demo โ€ข MIT License


๐Ÿ“บ What is Anime Ecstasy?

Anime Ecstasy is your personal anime dashboard โ€“ browse trending anime, add them to your watchlist, and keep track of what you love. A beautiful, responsive UI built for fans by fans.


โœจ Key Features

Feature Description
๐ŸŽฌ Trending Anime Gallery Explore the most talked-about anime with stunning visuals and titles.
โญ Add to Watchlist Found something you like? Save it instantly. Your list is safe even after closing the browser โ€“ thanks to localStorage.
โŒ Remove from Watchlist No longer interested? Remove any anime with a single click.
๐Ÿ“– Pagination Browse seamlessly across multiple pages using intuitive pagination.
๐Ÿ“ฑ Fully Responsive Works flawlessly on mobile, tablet, and desktop screens.

๐Ÿ–ผ๏ธ Screenshots

๐Ÿงช Try the live version here: Anime Ecstasy Demo


๐ŸŒธ Hero Section โ€“ Welcome Banner

Hero Section


๐Ÿ” Search Results โ€“ Explore Your Favorite Anime

Search Results


๐Ÿ“ƒ Trending Anime โ€“ Most Popular Shows

Trending Anime


๐Ÿ’ป Tech Stack

Tech Purpose
โš›๏ธ React (Vite) Frontend framework
๐ŸŒ Axios API requests
๐Ÿ’จ Tailwind CSS Beautiful & fast UI
๐Ÿ’พ localStorage Persistent watchlist
๐Ÿฑ Anime API Real-time data from anime APIs like Jikan (MyAnimeList)

๐Ÿ”ฅ Sample Anime Titles

Use these real fan-favorite titles to populate your gallery:

  • ๐Ÿ”ฎ Jujutsu Kaisen
  • ๐Ÿ”ฅ Demon Slayer
  • โš”๏ธ Attack on Titan
  • ๐Ÿฆธ My Hero Academia
  • ๐Ÿงจ Chainsaw Man
  • ๐Ÿ•ต๏ธ Spy ร— Family
  • ๐Ÿ“ฆ One Piece
  • โšฝ Blue Lock
  • ๐ŸŽญ Oshi no Ko
  • ๐Ÿ“œ Frieren: Beyond Journey's End

๐Ÿ—‚๏ธ Project Structure

src/ โ”œโ”€โ”€ components/ โ”‚ โ”œโ”€โ”€ Anime/ โ”‚ โ”‚ โ”œโ”€โ”€ Anime.jsx โ”‚ โ”‚ โ”œโ”€โ”€ AnimeCard.jsx โ”‚ โ”‚ โ”œโ”€โ”€ Banner.jsx โ”‚ โ”‚ โ””โ”€โ”€ Pagination.jsx โ”‚ โ”œโ”€โ”€ Navbar.jsx โ”‚ โ””โ”€โ”€ WatchList.jsx โ”œโ”€โ”€ App.jsx โ”œโ”€โ”€ main.jsx โ””โ”€โ”€ assets/ 

๐Ÿš€ Getting Started

๐Ÿ“ฆ Clone the Repo

git clone https://github.com/Chandu6702/anime-ecstasy.git cd anime-ecstasy 

๐Ÿ“ฅ Install Dependencies

npm install 

๐Ÿงช Run the App

npm run dev 

Open your browser and go to: http://localhost:5173 ๐ŸŽ‰


๐Ÿค Contributing

All anime lovers and open-source enthusiasts are welcome!

How to Contribute

  1. ๐Ÿด Fork the repository
  2. ๐Ÿชด Create a new branch
    git checkout -b feature-name 
  3. ๐Ÿ’ป Make your changes
  4. โœ… Test your changes locally
  5. ๐Ÿš€ Open a Pull Request

Please read CONTRIBUTION.md for detailed guidelines.

๐Ÿ”ฅFirebase Setup (For Contributors)

For firebase setup locally, Please read CONTRIBUTION.md.


๐Ÿ“„ License

This project is licensed under the MIT License.
You are free to use, modify, and distribute this software as long as the original license is included.

View the full license here.


๐Ÿ’– Created with Passion

โ€œFor the fans who start one episode... and end up finishing the whole season at 3AM.โ€

Made with โค๏ธ by Anime Ecstasy

About

Anime-Ecstasy

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors