animechan
anima
animechan | anima | |
---|---|---|
3 | 1 | |
1,249 | 0 | |
- | - | |
8.1 | 4.4 | |
9 days ago | 4 months ago | |
TypeScript | Dart | |
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.
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
anima
What are some alternatives?
anime-quote-generator
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
blog - gamedev blog
react-anime - ✨ (ノ´ヮ´)ノ*:・゚✧ A super easy animation library for React!
Anime-Girls-Holding-Programming-Books - Anime Girls Holding Programming Books
MALSync - Integrates MyAnimeList/AniList/Kitsu/Simkl into various sites, with auto episode tracking.
redux - A JS library for predictable global state management
yuna - ツ An anime player.
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.
doki-theme-vscode - Cute anime character themes for VS-Code.