Rick And Morty Multiple Select App

Live

https://kkureli.github.io/rick-and-morty-multiple-select/

Case

https://github.com/sahinkutlu/frontend-case/tree/main

Project info

The project involves implementing a multi-select autocomplete component using React.js and utilizing the "Rick and Morty" API to search for and select characters.

Screenshots

Installation

In project directory:

1. run npm install or yarn install
2. run npm start

Project Structure

• src: This folder is the main container of all the code.

  • api: This folder contains base request function and services.
  • assets: Asset folder to store all images and icons.
  • components: Folder to store any common component that use through app
  • views: Folder that contains all application views.

Implementation Details

• React.js and TypeScript: The project is developed using React.js and TypeScript.
• Multi-select Autocomplete Component: The implemented component allows users to search for and select characters from the "Rick and Morty" API, adhering to the provided design.
• API Integration: The component interacts with the "Rick and Morty" API to fetch character data based on user queries.
• Keyboard Navigation: Full support for keyboard navigation is implemented, enabling users to navigate through results and perform actions using arrow keys and tab.
• Loading State and Error Handling: Loading states are displayed during API requests, and error states are handled and presented to the user.