Skip to content

ezedike-evan/edit-me

Repository files navigation

📸 Editme | Image Editor Web App

🌟 Overview

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.

🚀 Features

🖼️ Image Gallery

  • Browse a collection of images with pagination.
  • View image previews with author names.
  • Click on an image to navigate to the edit page.

✏️ Image Editing

  • 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.

🔄 State Persistence

  • The app remembers the last visited page in the gallery when navigating back.
  • Edited images retain their settings even after a page refresh.

🛠️ Technologies Used

  • Next.js (App Router)
  • TypeScript
  • Tailwind CSS (for styling)
  • Lorem Pictus API (Image source)
  • LocalStorage (for state persistence)

📤 Deployment

  • The app is deployed on Vercel.
  • Visit: Live Demo

Made with ❤️ using Next.js, TypeScript, and TailwindCSS.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published