Coder Social home page Coder Social logo

rick-and-morty's Introduction

Rick and Morty Character Explorer

code style: prettier

Welcome to the Rick and Morty Character Explorer! This React-based frontend project allows you to browse and explore character data from the popular TV show "Rick and Morty" using the Rick and Morty API.

Table of Contents

Live Demo

Check out the live demo of the Rick and Morty Character Explorer here.

Features

Infinite Scrolling

  • Implements infinite scrolling using React Query and Intersection Observer.
  • Load more character data as you scroll down, providing a seamless browsing experience.

Search Functionality with Debounce

  • Implements a search feature that allows users to search for characters.
  • Utilizes the debounce technique to delay the search API requests until the user finishes typing, reducing unnecessary server calls and improving performance.

Installation

git clone https://github.com/loveCamilleTW/rick-and-morty.git
cd rick-and-morty
npm install && npm run dev

Credit

We would like to give credit to the following sources for providing SVG assets:

If you plan to use the SVGs from this project, please make sure to check their individual licenses and attribution requirements.

rick-and-morty's People

Contributors

lovecamilletw avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.