MoElsherbiny / Monster-Rolodex

React Monster -Rolodex App

Monster Rolodex

This is a React app that displays a monster Rolodex. The data is fetched from an external API and displayed in a searchable list.

here is a demo for the app https://superlative-kringle-993b38.netlify.app/

Technologies Used

• React
• JavaScript
• HTML
• CSS
• Robohash API

Installation

To install the app, follow these steps:

1. Clone the repository to your local machine.
2. Navigate to the project directory.
3. Run npm install to install the required dependencies.
4. Run npm start to start the development server.
5. Open your browser and go to http://localhost:3000 to view the app.

Features

• Displays a list of monsters fetched from an external API.
• Allows users to search for monsters by name using a search box.
• Generates a unique monster image for each monster using the Robohash API.

Usage

To use the app, follow these steps:

1. Open the app in your browser.
2. Use the search box to search for monsters by name.
3. Scroll through the list of monsters to find the one you're looking for.
4. Click on a monster to view its details.

Contributing

If you'd like to contribute to the project, please fork the repository and create a new branch for your changes. Once you've made your changes, submit a pull request to merge your changes into the main branch.

with my ❤ Mohamed Elsherbiny