User and Post Management Application with Next.js: DummyAPI Integration and Frontend Search Solutions

Short Description

In this project, I developed a task application focused on listing users and posts, utilizing DummyAPI data with Next.js.

Problem

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.

Solution

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.

Result

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.

Technologies

Next.js, React, JavaScript, Redux Toolkit, React Redux, Axios, Tailwind CSS, React Icons, React Toastify

Installation