Monsters-Rolodex Project

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

Purpose of the project

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.

Branch Explanation

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

Usage

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:

mpm install

Install all needed pacakges.

npm start

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.