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 install
npm start