anima
animechan
Our great sponsors
anima | animechan | |
---|---|---|
1 | 3 | |
0 | 1,242 | |
- | - | |
4.4 | 8.1 | |
4 months ago | 19 days ago | |
Dart | TypeScript | |
- | Mozilla Public License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
anima
animechan
-
8 Best Free Anime API Resources
API LIMIT 100 requests / hour Website https://animechan.vercel.app/
-
Using Recoil instead of Redux For State Management In React Applications
import { useState, useEffect } from "react"; import { Link, useParams } from "react-router-dom"; import axios from "axios"; import styled from "styled-components"; import SmallQuote from "../../components/SmallQuote/SmallQuote"; const Animepage = () => { const param = useParams(); const [quotes, setQuotes] = useState([]); const [loading, setLoading] = useState(false); useEffect(() => { if (param?.name) { setLoading(true); const fetchAnimeQuotes = async () => { try { const res = await axios.get( `https://animechan.vercel.app/api/quotes/anime?title=${param?.name}` ); setQuotes(res?.data); setLoading(false); } catch (error) { console.log(error); setLoading(false); } }; fetchAnimeQuotes(); } }, [param]); return (
Quotes from {param?.name}
Go back{loading ? (); }; const StyledAnimePage = styled.div` max-width: 80%; margin: 2rem auto; position: relative; & > a { position: absolute; top: 1rem; text-decoration: none; } & > h2 { font-weight: 400; letter-spacing: 3px; text-align: center; margin-bottom: 2rem; } & > .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: max-content; & .anime { margin: 1rem; height: max-content; } & > p { margin: 2rem 0 4rem; font-size: 1.3rem; text-align: center; } } `; export default Animepage;Loading...
) : quotes?.length ? ( quotes?.map((quote, index) => (No Quote found 😞
)} -
cowsay but it's random anime quote
it is just an api that returns rand quote https://github.com/rocktimsaikia/anime-chan
What are some alternatives?
animeflix - A anime discovery, streaming site made with NextJs and TailwindCSS. Uses AniList API and video data from GogoAnime. No ads and no vpn required
anime-quote-generator
react-anime - ✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!
blog - gamedev blog
MALSync - Integrates MyAnimeList/AniList/Kitsu/Simkl into various sites, with auto episode tracking.
Anime-Girls-Holding-Programming-Books - Anime Girls Holding Programming Books
yuna - ツ An anime player.
redux - A JS library for predictable global state management
doki-theme-vscode - Cute anime character themes for VS-Code.
Recoil - Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.