Live demo: https://stacktags.vercel.app/
Storybook demo: https://stacktags-storybook.vercel.app/
Prepare the user interface of the tag browser provided by the StackOverflow API (https://api.stackexchange.com/docs).
- paged table or list of tags along with the number of related posts (count field) ✅
- number of elements per page configurable by a numeric field above the table/list ✅
- selection of field and sorting direction by UI element of your own choice/design ✅
- prepare appropriate states for the data loading stage and download errors ✅
- use a library of UI components, e.g. MUI ✅
- use libraries for state management and data download (choice at your discretion, according to the complexity of the project and with a view to completing the task as quickly as possible) ✅ (I decided to choose React Query and Zustand)
- prepare a Storybook to present the used components of the application ✅
- publish the solution in a GitHub repository ✅
- the whole thing should run only after executing the commands "npm ci", "npm start", "npm run storybook" ✅
Project is built with:
- React 18
- React Router 6
- TanStack/React Query 5
- Zustand
- Material UI
- styled components
- Axios
- Storybook
Download or clone this repository.
Install dependencies: npm ci
Start a local web server by running: npm start
Start a local Storybook server by running: npm run storybook