https://github.com/thesoftwarewizard/gameautocompleter

This is a simple and interactive auto-complete search component built with React and TypeScript. It fetches video game titles from the RAWG API and displays game details in a modal upon selection.
https://github.com/thesoftwarewizard/gameautocompleter

autocomplete autocomplete-search games rawg-api

Last synced: about 1 year ago
JSON representation

This is a simple and interactive auto-complete search component built with React and TypeScript. It fetches video game titles from the RAWG API and displays game details in a modal upon selection.

• Host: GitHub
• URL: https://github.com/thesoftwarewizard/gameautocompleter
• Owner: TheSoftwareWizard
• Created: 2024-11-12T16:35:21.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-11-18T15:14:00.000Z (over 1 year ago)
• Last Synced: 2025-03-30T22:29:46.147Z (about 1 year ago)
• Topics: autocomplete, autocomplete-search, games, rawg-api
• Language: TypeScript
• Homepage: https://gameautocompleter.netlify.app/
• Size: 77 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Video Game Auto-Complete Search

### This is a simple and interactive auto-complete search component built with React and TypeScript. It fetches video game titles from the RAWG API and displays game details in a modal upon selection.

#### Features

    Auto-complete Search: Type to see a list of video game suggestions in real-time.

    Highlighted Text: Search query matches are highlighted in the suggested titles.

    Modal Display: Click on a game title to open a modal with more details about the game.

    Asynchronous Data Fetching: The search is powered by asynchronous API calls for efficient data loading.

    No Third-party Libraries: The project uses only React and TypeScript, with custom CSS for styling.

#### How to Run the Project

    Clone the repository:

    git clone 

#### Navigate to the project directory:

    cd autocomplete-component

#### Install the dependencies:

    npm install

#### Run the project:

    npm start

    The app will be available locally at http://localhost:3000.

#### Create an .env file and use your RAWG API

    REACT_APP_RAWG_API_KEY=

License

This project is licensed under the MIT License.