rick-and-morty-api reviews and mentions

• Implementing Infinite scroll in React apps
  2 projects | dev.to | 26 Apr 2024

  import { useEffect, useState } from "react"; import axios from "axios"; import "./App.css"; import InfiniteScroll from "react-infinite-scroll-component"; import CharacterCard from "./components/Card"; function App() { const [characters, setCharacters] = useState([]); const [page, setPage] = useState(1); const [hasMore, setHasMore] = useState(true); const [totalPages, setTotalPages] = useState(1); const fetchData = async () => { if (page == totalPages + 1) { setHasMore(false); return; } // <-----------------------------------------------> // waiting for 1 second before fetching data to show loading spinner, you can skip this await new Promise((resolve) => setTimeout(resolve, 1000)); // <-----------------------------------------------> const res = await axios.get( `https://rickandmortyapi.com/api/character?page=${page}` ); setCharacters((prevPosts) => [...prevPosts, ...res.data.results]); setTotalPages(res.data.info.pages); setPage((prevPage) => prevPage + 1); }; useEffect(() => { fetchData(); }, []); return (

  Rick and Morty characters!h1> Loading...h4>} endMessage={

  Yay! You have seen it allb> p> } > {/* Map over characters array and return JSX */} {characters.map((character, index) => ( ))} InfiniteScroll> div> ); } export default App;

• Building a Modern Full-Stack MonoRepo Application: A Journey with GraphQL, NextJS, Bun, and AWS
  3 projects | dev.to | 26 Nov 2023

  This project was conceived as a coding challenge and a demonstration of integrating modern web technologies into a cohesive application. The core of this project involves leveraging GraphQL to interact with the open-source Rick and Morty API, a task I often set for potential hires.

• How to Write a GraphQL Query
  8 projects | dev.to | 29 Oct 2023

  export const apolloClient = new ApolloClient({ uri: "https://rickandmortyapi.com/graphql", cache: new InMemoryCache({ typePolicies: { Query: { fields: { characters: { keyArgs: false, merge(existing: Characters, incoming: Characters) { return { ...incoming, results: [ ...(existing?.results || []), ...(incoming?.results || []), ], } satisfies Characters; }, }, }, }, }, }), });

• CS50x Final Project
  3 projects | /r/cs50 | 2 Jul 2023

  Hello, my fellow CS students! Are there any Rick & Morty fans here? Because I've just created an app called Portalpal for my final project. It's a fun little app designed to explore the Rick & Morty universe. With Portalpal, you can view, search, paginate, and filter characters. Additionally, you have the option to filter characters by episodes and locations. For the data, I utilized the rickandmorty API, which you can check out here: https://rickandmortyapi.com/. If you'd like to give it a try, here's the link to my app: https://portalpal.vercel.app/. I built it using React 18, and it took me about a month. I'm really proud of how it turned out! If you're interested, you can also find the source code for the app on my GitHub repository: https://github.com/kyawzinhtett/portalpal. Feel free to open an issue if you discover any errors.

• Where to get Free APIs to practice my web dev skills?
  3 projects | /r/PinoyProgrammer | 21 Jun 2023
• It's not much but it's mine. Rick and Morty info app. Feedback/code review welcome!
  1 project | /r/webdev | 17 Jun 2023

  Just a small app consuming the Rick and Morty API showing some basic stats of each character such as last known location, species and what episode(s) they appear in.

• How to upskill my API Testing.
  2 projects | /r/softwaretesting | 8 Jun 2023

  Checkout https://rickandmortyapi.com and their https://rickandmortyapi.com/graphql

• Does anybody know the API documentation tool used to build the Rick and Morty API?
  4 projects | /r/webdev | 11 Apr 2023

  Click the guys name in the footer. It’ll take you to his GitHub profile. There you can find the source code to the site and the API.

• A note from our sponsor - InfluxDB
  www.influxdata.com | 28 Apr 2024

  Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →