Check the Demo
This project was developed by React Styled Component & TypeScript.
I choose Material UI as the design framework. I also build the code as server-side render files to improve SEO. There are two language versions provided.
When you reach the bottom of the list block, it will automatically load more data from the API and append the new ones to the list. However, if there is no more data, it will show a message to info you. Click any item to go to detail page and get more info.
You can scroll up right away by clicking the back to top button when it shows.
Only 1 page in the APP.
All components are placed in the components folder, and all hooks are placed in the hooks folder.
Common functions and variables are defined in the utils folder.
- Clone the repo
npm installnpm start