This repository houses a trial project developed as part of a job application process. The application showcases the ability to interact with a provided server, processing and displaying data in a user-friendly manner. The key functionality includes making API calls using Axios, handling data with care to remove duplicates, and presenting the information through a responsive interface built with Next.js and Tailwind CSS.
- API Integration: Utilizes Axios to fetch data from the server, including product IDs and detailed information.
- Data Processing: Implements logic to eliminate duplicate IDs and efficiently handle data for further requests.
- Pagination: Supports pagination with a limit, displaying 50 items per page to enhance user experience.
- Dynamic Filtering: Allows users to filter products by price through an input field.
- Sorting Capability: Enables users to sort products by brand via a dropdown selection.
- High-Performance UI: Leverages Next.js for server-side rendering and Tailwind CSS for a polished, responsive design.
Ensure you have the following installed:
- Node.js
- npm (Node Package Manager) or Yarn
- Clone the repository to your local environment:
git clone https://github.com/Danieldo1/valantis-jewlery.git
- Navigate to the project directory:
cd your-repo-name
- Install the required dependencies:
npm install
- Start the development server:
npm run dev
The application should now be running on http://localhost:3000.
After starting the application, users will be presented with a catalogue of products. Users can:
- Navigate through the pages to view different sets of items.
- Enter a maximum price value to filter the products accordingly.
- Select a brand from the dropdown to sort the products by the chosen brand.
This project was designed and implemented as a technical assessment for a potential employment opportunity. The requirements and server were provided by the hiring company.
While this project is primarily for a trial and personal assessment, contributions or suggestions are welcome. Please open an issue first to discuss what you would like to change.
Please note that this project is private and proprietary. Unauthorized copying, modification, distribution, or use of this software is strictly prohibited. All rights reserved.