Animene - A platform for anime lovers

Hoang Tien Nguyen

Last update: Oct 15, 2022

Overview

Animene

A platform for anime lovers

Live demo

website: animene.vercel.app

Technologies used

React
Material UI
SCSS Modules, clsx
Axios, GraphQL
Redux, Redux Toolkit
Formik
react-select
react-lazyload, react-infinite-scroll-component (Infinite loading)

Features

✅ Search anime, manga, character and staff
✅ Suggest latest, most popular, upcoming anime and manga
✅ Advanced sorts and filters
✅ Discover details (relations, genres, trailer, ...) of anime, manga, character and staff

Will be developed in the future:

❌ Watch anime
❌ Sign up, login
❌ Add anime, manga to favourite list
❌ Social page for user posts and comments

Installation

Clone the Project
Run npm install
Example .env file: See env.example

References

Anilist: The original website
Anilist API Documents: The official API documents website
DzhideX/anilist-clone: Used as references for GraphQL query

Summary

This is my first React project where I learn to apply my React skills (and some github actions, github branches, ...)

"Fun" fact: My initial intent was to use AniAPI for the API source, but it is not updated fully so I had to use Anilist API with GraphQL :')

The project is not completed yet so I'll keep working on it in the near future, please feel free to contact or message me if you found any issues or bugs :)

👉 If you like this project, give it a star ✨ and share 👨🏻‍💻 it to your friends 👈

🌸 API for storing anime picture collection in Discord server

Waifuseum Waifuseum (Museum Waifu) is a simple REST API for storing and managing anime picture collection. This project use combinaton of ExpressJS, D

Jul 24, 2022

🦄 • A simple open source project that can display random anime images and quotes.

Welcome to Rakoko App! 👋 Rakoko App is a simple application that is used to display images and quotes randomly. Built using Framework7. 💖 Demo Page

Jun 12, 2022

🌸 API for storing anime picture collection in Discord server

Waifuseum Waifuseum (Museum Waifu) is a simple REST API for storing and managing anime picture collection. This project use combinaton of ExpressJS, D

Jun 28, 2022

A plugin that can query multiple APIs for movies, series, anime, games, music and wiki articles, and import them into your vault.

Obsidian Media DB Plugin A plugin that can query multiple APIs for movies, series, anime, games, music and wiki articles, and import them into your va

Dec 21, 2022

CLI tool for printing anime quotes in your terminal.

aniquote Why? While i was browsing Unixporn looking to steal someone's dotfiles (im too lazy to rice myself) i saw some anime-related rices and though

Dec 22, 2022

Karaoki your anime songs.

Anioke Karaoki your anime songs. Usage npm install npm run electron Build npm install npm build npm exec electron-builder -- -p never Configuration Pl

Dec 23, 2022

Watch anime ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!

Ashanime - Stream Ad-free Anime Ashanime is an Ad free responsive web application built with the intention of providing a pleasent anime streaming exp

Dec 31, 2022

An Anime Game launcher for Linux with automatic patching fixing detection of Linux/Wine and telemetry disabling

Jan 4, 2023

Chain Anime.js calls on jQuery selectors.

jQuery.animejs This is a small ( 1kb) helper plugin for the great Anime.js. Features Chain Anime.js calls in a more readable way. Supports latest Ani

Jun 8, 2022

Comments

Amazing Project !! I seem to have some issues running it ...
What I did -

cloned repo

changed repo name

changed name in package.json, mnifest.json & index.html

changed .env

tired deploying it on vercel

There were many warns in build logs.

The deployment seems empty. https://animezia.vercel.app/
opened by animemandir 2
How to create a new page ?

So, I was wondering how do i create a new page ...where i can add any text or info like donate page, privacy policy, terms, etc. I tried this - so it was supposed to work at ./donate path..

opened by animemandir 1
[ImgBot] Optimize images

Beep boop. Your images are optimized!

Your image file size has been reduced 🎉

Details

| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /src/assets/img/logo3x.png | 1.94kb | 1.36kb | 29.55% | | /src/assets/img/logo2x.png | 1.42kb | 1.07kb | 24.97% | | /src/assets/img/logo.png | 0.81kb | 0.75kb | 7.39% | | /src/assets/img/loading.gif | 4.51kb | 4.32kb | 4.33% | | /src/assets/img/banner_placeholder.jpg | 377.67kb | 362.89kb | 3.91% | | | | | | | Total : | 386.35kb | 370.39kb | 4.13% |

📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace

~Imgbot - Part of Optimole family

opened by imgbot[bot] 1
Bump minimist from 1.2.5 to 1.2.6
Bumps minimist from 1.2.5 to 1.2.6.

Commits

7efb22a 1.2.6

ef88b93 security notice for additional prototype pollution issue

c2b9819 isConstructorOrProto adapted from PR

bc8ecee test from prototype pollution PR

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1