GitHunt
AB

abhisheksinghf/PhotoOrganizer-WebApp

Google Photos Organizer is a web-based tool that enhances the organization and accessibility of Google Photos. With seamless integration, it allows users to upload, tag, search, and create interactive slideshows effortlessly.

๐Ÿ“ธ Google Photos Organizer

Google Photos Organizer is a web-based tool that enhances the organization and accessibility of Google Photos. With seamless integration, it allows users to upload, tag, search, and create interactive slideshows effortlessly.

๐Ÿš€ Features

๐Ÿ”น Upload Photos โ€“ Directly upload images to Google Photos via the application.
๐Ÿ”น Tag Management โ€“ Add, group, delete, and customize tags for better organization.
๐Ÿ”น Google Login โ€“ Secure authentication using Google OAuth.
๐Ÿ”น Photo Organization โ€“ View images date-wise and filter them using a date range.
๐Ÿ”น Advanced Search โ€“ Locate photos using custom tags.
๐Ÿ”น Memory Slideshow โ€“ Create and personalize photo slideshows.
๐Ÿ”น Website Integration โ€“ Generate embed links to showcase slideshows on external websites.


๐Ÿ–ฅ๏ธ Application Screenshots

๐Ÿ”น Main Interface

The home screen provides an intuitive dashboard for accessing all features, including uploading, tagging, searching, and slideshow creation.
Main Interface

๐Ÿ”น Uploading Photos

Easily upload images from your device to your Google Photos library.
Uploading Photos

๐Ÿ”น Tagging System

Add single or multiple tags while uploading for better photo categorization.
Adding Group Tags
Adding Separate Tags

๐Ÿ”น Photo Search & Filtering

Quickly search for photos using tags or filter them by date range.
Tag-Based Search
Date Range Filter

๐Ÿ”น Slideshow Creation

Select photos and transform them into a beautiful slideshow.
Create Slideshow
Created Slideshows

๐Ÿ”น Embedding Slideshow on Website

Copy the embed code to integrate the slideshow into any external website.
Copy Embed Code
Embedded Slideshow


๐Ÿ› ๏ธ Technology Stack

Node.js
Express
React

Component Technology Used
Frontend React.js, Tailwind CSS
Backend Node.js, Express.js
Database MongoDB
Authentication OAuth 2.0 (Google Login)
APIs Google Photos API

๐Ÿ”ง Installation & Setup

๐Ÿณ Docker

๐Ÿ”ง Run with Docker

docker-compose up --build

To stop:

docker-compose down

Follow these steps to run the project locally:

1๏ธโƒฃ Clone the repository:

git clone https://github.com/Ciresta/PhotoOrganizer-WebApp.git
cd PhotoOrganizer-WebApp

2๏ธโƒฃ Install dependencies for frontend and backend:

  • Navigate to the frontend directory and install dependencies:
cd frontend
npm install
  • Navigate to the backend directory and install dependencies:
cd ../backend
npm install

3๏ธโƒฃ Set up environment variables:
Create a .env file in the backend folder and add the following:

OAUTH_API=your-oauth-api-id
OAUTH_SECRET=your-oauth-secret
OAUTH_CALLBACK=callback-url
MONGO_URI=your-mongodb-connection-string

4๏ธโƒฃ Run the application locally:

  • Run the backend:
cd backend
nodemon start
  • In a new terminal, run the frontend:
cd frontend
npm start

๐Ÿ“œ License

This project is licensed under GNU General Public License v3.0. Please refer to the license file for details on usage and distribution.


๐Ÿ“ž Support & Contact

For support, inquiries, or feature requests, reach out via:
๐Ÿ“ง Email: abhisheksinghfulanekar321@gmail.com
๐Ÿ™ GitHub Issues: Report an Issue


๐ŸŒ Get Started

The app is hosted on Google Photos Organizer.

To view Swagger API Documentation API Documentation.

If you'd like to use the application, please fill out the form for the GCP access:
Sign-up Form