This is a React application that allows users to search for games using a search bar. The app retrieves game data from an API and displays it in a list format. Users can input a search term into the search bar, and the app will filter games based on the title.
Access the application by clicking here
To run this application locally, follow these steps:
-
Clone the GitHub repository:
git clone [email protected]:luccarendall/games-list-project.git -
Navigate to the project directory:
cd games-list-project -
Install dependencies:
npm install -
Start the development server:
npm start -
The app will run at
http://localhost:3000.
Upon opening the app, you will see a search bar at the top of the page. Enter a search term into the bar, and the games will be fetched from the API and displayed in a list below the search bar. If there are games that match the search term, they will be displayed with their titles, images, and short descriptions. Otherwise, a message stating that no games were found will be shown.
You can continue searching for different search terms to refine the results.
- Game search by title: The app filters games based on the title provided in the search bar. The filtering is done in real-time as the user types.
- Coming Soon: Genre filtering
- React + Hooks
- Axios
- CSS
- JavaScript
- Componentize each structure respecting the single responsibility principle
- Use Context or Redux to manage global state more dynamically
- Add unit tests
- Add buttons to remove individual applied filters or all filters at once
@luccarendall |
|---|