https://github.com/d7omdev/gallery
Gallery project built with Next.js
https://github.com/d7omdev/gallery
clerck gallery gallery-images images nextjs shadcn-ui
Last synced: 11 months ago
JSON representation
Gallery project built with Next.js
- Host: GitHub
- URL: https://github.com/d7omdev/gallery
- Owner: d7omdev
- Created: 2024-04-18T11:48:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-20T20:27:00.000Z (about 1 year ago)
- Last Synced: 2025-01-29T05:19:05.949Z (about 1 year ago)
- Topics: clerck, gallery, gallery-images, images, nextjs, shadcn-ui
- Language: TypeScript
- Homepage: https://gallery.d7om.dev
- Size: 222 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://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:
```sh
git clone https://github.com/abdulrahmanDev1/gallery
cd gallery
```
Install dependencies using pnpm:
```sh
pnpm install
```
Copy the example environment file and update the values as needed:
```sh
cp .env.example .env
```
Running the Application
Once you have installed the dependencies, you can start the development server:
```sh
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.