- For all reusable components, must be placed in
/components - For all that related to pages wrapper components (container), must be placed in
/pages - For utilities related such as helper functions and reusable classnames, must be placed in
/utils(I used utilities classname to prevent any duplicated style rules and reduce css files)
- Choose your pokemon character names, should be hovered when you moving around the cursor
- When you click one of the character, the detail must be popped up with a modal dialog
- If you don't see any character that you looking for, just scroll down, it should fetch as an infinite whenever you reached the bottom of the page
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.