rick-and-morty-api-site
picsum-photos
Our great sponsors
rick-and-morty-api-site | picsum-photos | |
---|---|---|
26 | 81 | |
61 | 2,127 | |
- | - | |
0.0 | 8.2 | |
8 months ago | 3 months ago | |
JavaScript | Go | |
- | MIT License |
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.
rick-and-morty-api-site
-
Does anybody know the API documentation tool used to build the Rick and Morty API?
Specifically looks like hand-rolled docs using Gatsby https://github.com/afuh/rick-and-morty-api-site/tree/fd7a1c1a32e42ac6be7c6ffaeea8d1b29c05d2da/src
- Como usar Fetch API para buscar dados de uma API
- Decidi aprender programação sozinho
-
Should I use ServerSideProps or StaticProps in this case?
The external API that I'm using is the Rick and Morty API. I know that there is a freeCodeCamp tutorial using this same API and teaching Next, but I want to dive a little bit deeper and understand some topics that the article does not cover.
-
Introduction to React Suspense
import React, { useEffect, useState, useTransition } from 'react'; import { Link } from 'react-router-dom'; import Loader from '../Components/Loader'; import { Pagination } from '../Components/Pagination'; function Home() { const [data, setData] = useState({}); const [isLoading, startTransition] = useTransition(); const fetchCharacters = async (page?: number) => { const response = await fetch( `https://rickandmortyapi.com/api/character?page=${page}` ); const parsedData = await response.json(); startTransition(() => { if (response.ok) setData(parsedData); }); }; useEffect(() => { fetchCharacters(1); }, []); const { results, info } = data; const onPageChange = (pageNumber: number) => { fetchCharacters(pageNumber); window.scrollTo({ top: 0, behavior: 'smooth', }); }; return ( Rick And Morty {!isLoading ? ( <> {results?.map((datas: any) => { const { id, name, species, gender, origin, location, image, episode, } = datas; return ( {name ? Name: : null} {species ? Species: : null} {gender ? Gender: : null} {origin.name ? Origin: : null} {location.name ? Location: : null} {name ? {name} : null} {species ? {species} : null} {gender ? {gender} : null} {origin.name ? {origin.name} : null} {location.name ? {location.name} : null} ); })} {info ? ( ) : null} ) : ( )} ); } export default Home;
-
Create a custom debounce Hook in React
export async function getCharacter(value) { const data = await fetch( `https://rickandmortyapi.com/api/character/?name=${value}` ) const response = await data.json() if (response === undefined || response.error) { throw new Error(`HTTP error! status: ${response.error}`); } return response }
-
Senior developers, how did you start and how to improve?
There are so many APIs you can use to write a client on: https://rickandmortyapi.com/ as an example. If you want to stick to using a cli app you can try use a TUI library to make it more slick. For images you can convert them to ascii art
-
Is there the Sopranos API?
I wanted to check if there is something similar to this . Just to practice react query and maybe expand it a bit. Not to use it for portfolio or try to get a job with it. While reading about react query I thought it would be good to practice it with sopranos api
-
Nuxt 3, Apollo GraphQL, TailwindCSS Crash Course
Rick and Morty API -> https://rickandmortyapi.com/
picsum-photos
-
Recommend 12 free productivity tools! Make your work more effective with less effort!
Lorem Picsum is a free picture placeholder service that can be used on websites, apps, or anywhere a placeholder image is needed. It provides a simple API that can obtain random images through HTTP requests, and can also specify specific image sizes and other parameters. Lorem Picsum also provides a website where pictures can be browsed and downloaded. These images are uploaded by photographers from the Unsplash community and are free for personal and commercial use. URL: https://picsum.photos/
-
6 Routes à connaître si tu utilises Remix (guide complet)
export const loader = async () => { const response = await fetch('https://picsum.photos/200/300'); const blob = await response.blob(); return new Response(blob, { headers: { 'Content-Type': 'image/jpeg', }, }); };
- Lorem Picsum – The Lorem Ipsum for Photos
-
7 Image APIs To Use On Your Product In 2023
Lorem Picsum provides a convenient source of high-quality placeholder images, ideal for design and development projects. It's super simple to use. Just add your desired image size (width & height) after the URL (https://picsum.photos/200/300), and you'll get a random image. It's perfect for when building and testing the interface of your project.
- Implement Smooth Scrolling & Parallax Effect in Next.js using Lenis and GSAP
-
Introducing CloudKit - A production ready Cloudflare Sveltekit template
pull random images from picsum
-
10 Lesser-Known Tools and Websites to Spice Up Your Developer Toolbox
Lorem Picsum provides random placeholder images, adding visual appeal to your designs.
-
Random background for newtab
Something I'm thinking is to put a webpage in the background url that gives a random image (like what picsum.photos does but with a collection of my choice).
-
Choosing random image to display from one URL image link?
this is what you are looking for --> https://picsum.photos/
-
Choosing a random image to display from one URL image link?
Lorem picsum: https://picsum.photos/
What are some alternatives?
fake-store-api - FakeStoreAPI is a free online REST API that provides you fake e-commerce JSON data
go-unsplash - Go Client for the Unsplash API
gatsby-starter-minimal-blog - Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.
stylegan2-pytorch - Simplest working implementation of Stylegan2, state of the art generative adversarial network, in Pytorch. Enabling everyone to experience disentanglement
gatsby-starter-lumen - A constantly evolving and thoughtful architecture for creating static blogs with Gatsby.
chance.js - Chance - Random generator helper for JavaScript
react-search-bar - React Live Search Bar. Search the Rick & Morty Api. This is a project to my Youtube video.
generatedata - A powerful, feature-rich, random test data generator.
Gatsby - The best React-based framework with performance, scalability and security built in.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
Reactive-Resume - A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
json-server - Get a full fake REST API with zero coding in less than 30 seconds (seriously)