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.
๐น Uploading Photos
Easily upload images from your device to your Google Photos library.
๐น Tagging System
Add single or multiple tags while uploading for better photo categorization.
๐น Photo Search & Filtering
Quickly search for photos using tags or filter them by date range.
๐น Slideshow Creation
Select photos and transform them into a beautiful slideshow.
๐น Embedding Slideshow on Website
Copy the embed code to integrate the slideshow into any external website.
๐ ๏ธ Technology Stack
| 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- Frontend: http://localhost:3000
- Backend API: http://localhost:5000
To stop:
docker-compose downFollow these steps to run the project locally:
1๏ธโฃ Clone the repository:
git clone https://github.com/Ciresta/PhotoOrganizer-WebApp.git
cd PhotoOrganizer-WebApp2๏ธโฃ Install dependencies for frontend and backend:
- Navigate to the
frontenddirectory and install dependencies:
cd frontend
npm install- Navigate to the
backenddirectory and install dependencies:
cd ../backend
npm install3๏ธโฃ 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









