A modern task application developed with Next.js 14 App Router, listing, paginating, and enabling frontend search for user and post data from DummyAPI.
Category
Frontend
Status
Completed
GitHub Stats
Created
Jan 3, 2024
Last Updated
Jan 9, 2024
In this project, I developed a task application focused on listing users and posts, utilizing DummyAPI data with Next.js.
There was a need to display, paginate, and search user and post data in an organized manner within a single interface. Since backend search support was limited, there was a particular need to implement user and post search on the frontend.
I set up the project using the Next.js 14 App Router structure. For data fetching, I used axios, and for state management, Redux Toolkit. I implemented listing, pagination, and search functionalities for users and posts. Tag search was handled directly with API support, while other searches were resolved using a loop-based frontend approach.
The outcome is a straightforward Next.js application that clearly demonstrates data consumption, pagination, and search logic. I focused on a simple design to highlight the data flow and application structure.
Next.js, React, JavaScript, Redux Toolkit, React Redux, Axios, Tailwind CSS, React Icons, React Toastify