An open API service indexing awesome lists of open source software.

https://github.com/superiorkid/imageine

Imageine is a Next.js image gallery app powered by the Unsplash API. It offers a seamless experience for viewing and saving high-quality images with an intuitive interface and powerful features. Perfect for photographers and image enthusiasts.
https://github.com/superiorkid/imageine

drizzle-orm lucia-auth nextjs14 shadcn-ui tailwindcss tanstack-query unsplash-clone

Last synced: 3 months ago
JSON representation

Imageine is a Next.js image gallery app powered by the Unsplash API. It offers a seamless experience for viewing and saving high-quality images with an intuitive interface and powerful features. Perfect for photographers and image enthusiasts.

Awesome Lists containing this project

README

          

# Imageine

## Description

Imageine is a modern, feature-rich image gallery web application built with Next.js. It leverages cutting-edge technologies to provide a seamless user experience for viewing and saving images. Powered by the Unsplash API, the application offers access to a vast library of high-quality images. Whether you're an avid photographer or just love collecting beautiful images, this application offers an intuitive interface and powerful features to enhance your browsing experience.

## Features

- **🔒 Google & GitHub Login**: Secure authentication using Lucia-auth with options for Google and GitHub logins.
- **📧 Email & Password Login**: Basic email and password authentication without email verification.
- **🖼️ Dynamic Image Gallery**: A stunning masonry grid layout for displaying images.
- **🔄 Infinite Pagination**: Smoothly load more images as you scroll down, powered by Tanstack Query.
- **✨ Smooth Scrolling**: Enhanced scrolling experience using Lenis.
- **🌗 Dark Mode**: Toggle between light and dark themes to suit your preference.
- **📱 Responsive Design**: Fully responsive and optimized for various devices.
- **📂 Image Collections**: Save images to custom collections for easy organization.
- **🔐 Public & Private Routes**: Securely manage access to different parts of the application.
- **🛣️ Parallel Routes**: Handle multiple routes in parallel for efficient navigation.
- **🚦 Intercepting Routes**: Intercept and manage routes dynamically for better control over navigation.
- **🐘 PostgreSQL Integration**: Robust data management with Drizzle ORM and PostgreSQL.

## Tech Stack

- Next.js
- Tailwind CSS
- Shadcn UI Components
- Lenis
- Tanstack Query
- Drizzle ORM
- PostgreSQL
- Lucia-auth (Google & GitHub Login)