rick-and-morty-api
CS50x
rick-and-morty-api | CS50x | |
---|---|---|
8 | 25 | |
958 | 3 | |
- | - | |
0.0 | 6.4 | |
about 1 year ago | 11 months ago | |
JavaScript | C | |
BSD 3-clause "New" or "Revised" License | 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
-
Implementing Infinite scroll in React apps
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
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
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
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?
-
It's not much but it's mine. Rick and Morty info app. Feedback/code review welcome!
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.
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?
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.
CS50x
- I FINALLY DID IT!!!!
-
16-year-old Looking For Guidance
A few resources which you may want to check out, in roughly increasing order of difficulty:
- Free Code Camp: https://www.freecodecamp.org/
- CS50: https://cs50.harvard.edu/x/2023/
- How to Design Programs (HTDP): https://htdp.org/
- Nand2Tetris: https://www.nand2tetris.org/
These are geared towards making you a better programmer in general, though it won't necessarily bring you closer to an AI/ML career.
Also, math is pretty important if you want to get into AI and similar things. Even otherwise math is important; don't listen to people who say you can get by without the math! So, try to get a head start on probability, calculus, linear algebra etc.
Good luck!
Gosh, I'm embarrassed about what I was up to when I was 16.
- How much is the course and where should I take it?
- Hi im new to this stuff, got some questions
- Beginner, intermediate, and advanced c programming projects
- Learning To Code
- Anyone else think that it's really scummy how edX asks so much money for a certificate, that's available for free very easily?
- Kako početi sa programiranjem od nule i sam stići do naprednog nivoa
-
What is the best low level programming language to learn for someone who knows only python?
So I suggest you take cs50 as that will teach you the basics of computer science via python and C. You already know python, and C is a great language to learn lower level things. Python originated from C, so you'll see a lot of similarities there, as well as very stark differences.
- Is coding the only way to make a game?
What are some alternatives?
RickNMortyCompose - A Jetpack compose android app based on Rick and Morty Graphql
CS50x_2021 - Harvard CS50x — 2021 solutions
graphql-sequelize-generator - A Graphql API generator based on Sequelize.
cs50 - Harvard CS50x 🎓 — 2022 solutions
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
CS50x-2021 - 🎓 HarvardX: CS50 Introduction to Computer Science (CS50x)
potter-db - A Harry Potter database for all your wizarding needs: Books, Characters, Movies, Spells, and Potions. Powered by https://github.com/danielschuster-muc/scrabby
portalpal - Simple app to explore Rick & Morty universe.
graphql-query-example
space-shooter.c - A cross-platform, top-down 2D space shooter written in C using only platform libraries.
bifrost - The PsychonautWiki API.
developer-roadmap - Interactive roadmaps, guides and other educational content to help developers grow in their careers.