This is a Next.js project bootstrapped with create-next-app.

Getting Started

First install the dependencies:

npm i
# or
yarn

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

The Application is developed by Next.js as in FullStack using TypeScript. The API implemented by GraphQL server using Apollo Server and the client is getting data using Apollo Client.

The styling is done by Sass and SCSS and the application is responsive in all screen sizes.

The GraphQL server API return the data in pagination using offset and limit values. Also the Filtering is done in the backend and the filtered data is returned in pagination. The data is persisted in Redux store in the frontend using Redux-toolkit.

You can check out the live version deployed to Vercel:

https://rviewer-challenge.vercel.app/