• Clone this repo to your local machine using https://github.com/chiholiu10/react-redux-typescript-hooks

• React
• Redux
• Eslint
• Styled-Component
• TypeScript

In the project directory, you can run:

• npm install
• npm run start

• Type title in input field
• Click randomly on 'More info'
• Popup will display on screen
• Click on 'Character Info'
• User will be redirected to detail page
• Also possible to return back to previous page
• Responsive design included

• Search input with transition effect when scroll up or down
• Cool popup when user clicks on 'More info' button
• This popup block will also hide when user scrolls up or down

• npm run lint

• npm run lint:fix

• npm run build

• @testing-library/jest-dom: 5.11.4
• @testing-library/react: 11.1.0
• @testing-library/user-event: 12.1.10
• @types/jest: 26.0.23
• @types/node: 15.3.0
• @types/react: 17.0.5
• @types/react-dom: 17.0.5
• eslint: 7.26.0
• eslint-config-airbnb: 18.2.1
• eslint-config-prettier: 8.3.0
• react: 17.0.2
• react-dom: 17.0.2
• react-lazyload: 3.2.0
• react-redux: 7.2.4
• react-scripts: 4.0.3
• redux: 4.1.0
• redux-thunk: 2.3.0,
• styled-components: 5.3.0,
• typescript: 4.2.4,
• web-vitals: 1.0.1

• @types/react-lazyload: 3.1.0
• @types/react-router-dom: 5.1.7
• @types/styled-components: 5.1.9