This is a Next.js-based web application that allows users to browse, edit, and download images using the Lorem Pictus API. The app provides a seamless user experience with image pagination, editing capabilities (resizing, grayscale, blur), and state persistence.
- Browse a collection of images with pagination.
- View image previews with author names.
- Click on an image to navigate to the edit page.
- Adjust width and height of images.
- Apply grayscale mode.
- Add a blur effect (1 - 10).
- Live preview of edited images.
- Download edited images in real-time.
- The app remembers the last visited page in the gallery when navigating back.
- Edited images retain their settings even after a page refresh.
- Next.js (App Router)
- TypeScript
- Tailwind CSS (for styling)
- Lorem Pictus API (Image source)
- LocalStorage (for state persistence)
- The app is deployed on Vercel.
- Visit: Live Demo
Made with ❤️ using Next.js, TypeScript, and TailwindCSS.