Skip to content

d7omdev/gallery

Repository files navigation

Gallery Project

Welcome to the Gallery Project, a full-featured image gallery web application built with Next.js, Clerk, Shadcn UI, and other technologies. This project allows users to view albums of images, add images to albums, and manage their own albums.

you can visit the project at gallery.d7om.dev

Getting Started

These instructions will guide you through setting up the project on your local machine for development and testing purposes.

Prerequisites

Before getting started, make sure you have the following installed:

  • Node.js (v14 or later)
  • A package manager like pnpm (preferred) or npm

Installation

Clone the repository:

git clone https://github.com/abdulrahmanDev1/gallery
cd gallery

Install dependencies using pnpm:

pnpm install

Copy the example environment file and update the values as needed:

cp .env.example .env

Running the Application Once you have installed the dependencies, you can start the development server:

pnpm run dev

This command will start the development server, and you should see output indicating that the server is running. By default, the application will be available at http://localhost:3000.

Usage

Once the development server is running, you can access the application in your web browser. The Gallery Project consists of the following pages:

Gallery Page:

This page displays all images available in the gallery. Users can browse through different albums and view images.

Albums Page:

Users can view and manage their albums on this page. They can create new albums, delete existing ones, and organize images into albums.

Favorites Page:

Users can mark images as favorites, and those images will appear on this page for easy access. You can navigate between these pages using the navigation menu provided in the application.

Contributing

Contributions are welcome! If you'd like to contribute to the Gallery Project, feel free to submit pull requests or open issues on the GitHub repository.