This project is built to display a Monster-Rolodex application that is built by React.js. The monsters' cards can be filtered.

1. Refreshing the Key Concepy of React: Class / Functional component, React Lifecyle, Hooks, Props, ReactDOM, Component Structure, etc.
2. Building an application with same feature but in two different implementation methods: Class Component and Functional Component.
3. Making a comparison of two implementation ways.

• The implementation by Class Component is in the main branch.
• The implementation by Functional Component is in the refactor-by-functional-component branch.

To start the projct, firstly you need to download or clone it from Github, and then go to the project directory by cd command, then:

Install all needed pacakges.

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.