An AI powered gallery web app to conveniently organize your photos.
A React app for my Machine Learning based image REST API.
- Image classification and tagging - Search for images in natural language descriptions.
- Face detection and similarity - Uploaded photos are grouped by similar faces and visualized with face bounding boxes.
- Create Smart Photo Albums - Select photos or use automatically generated albums based on tags, faces or date uploaded.
- Graphs and Statistics - Image tag distribution, face data
- Cloud storage - Firebase storage
- Masonry Gallery layout - A natural tiling layout for photos
- Filtering by metadata - Any photo metadata
- Use face bounding boxes for a "generate collage" tool
- Simple photo effects button e.g. contrast, shadow, brightness, filters
| Photos | ML Data Overview |
 |
 |
| Face ID | ML Action History |
 |
 |
| Photo Preview | Photo Details |
 |
 |
- ant.design - React UI library
- React ApexCharts.js,
ant-design/charts- Beautiful graphs and charts - Redux - UI state management
- firebase - database and image storage
A REST server hosting an image classification endpoint and face simlarity microservice which stores facial data to group images by unique faces.
Source code and installation here.
- MongoDB - face embedding data & metadata
- dlib - face recognition
- FastAPI - REST server with automatic documentation
A static demo is hosted here To be added soon.
Requires nodejs and python3 (for backend). A firebase app and mongodb database is required.
npm install
Start the http server.
npm run start
Also start the backend. Defaults to port 8000.
Copy the contents of .env.example to .env and fill with firebase credentials.