This project is a Next.js application that utilizes the "https://dummyjson.com" API to list products. Project features a base64 loader as a placeholder image while waiting for the images to load. The project also includes a full-screen modal for viewing product images, complete with thumbnails and support for mouse/keyboard controls.
- List products with a brief overview on the main page.
- Clicking on a product redirects to its individual page with detailed information.
- Images are loaded with a base64 placeholder while the original images are being fetched.
- Full-screen modal for an immersive viewing experience of product images.
- Thumbnails and controls for easy navigation within the modal.
-
Clone this repository to your local machine.
-
Open a terminal and navigate to the root directory of the sample app.
-
Install dependencies by running:
npm install.
-
To start the development server, run:
npm run dev.
Contributions are welcome!