Web app that simulates a stock photo database for users. Users can log in to the application and perform transformations to images leveraging the power of AI. Users can also upload, delete and update photos.
Users can browse through the photos uploaded by themselves and other users.
All data for photos is stored in a mongoDB collection (MongoDB Atlas).
The images are displayed using pagination to improve performance.
There is also a search bar which can be used to search for specific images through the title, or using AI powered search to search using keywords.
Note how the titles of the showed images do not include the word 'sky'.
Pagination and query variables are implemented through search bar params.
User authentication as a whole is implemented utilizing Clerk.
Clerk protects all routes configured.
User information is synchronized with our database user data stored in MongoDB Atlas.
We do this using webhooks and API endpoints.
Users can perform transformations to images using AI.
For this, we use Cloudinary's API.
Users can then download images, or upload them to the database, so other users can see them.
The transformation form is implemented using Zod.
We can perform several different transformations to images.
Users can review their own image transformations updated.
They can select specific images to perform mutations such as updating the images or deleting them.
The SAAS implements a credit based system with stripe and webhooks.
Users can purchase credits to be able to transform images.
