Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jezbravo/editia
SaaS and AI image editor
https://github.com/jezbravo/editia
checkoutpro clerk clerk-auth cloudinary html i18n mercadopago mercadopago-api mongodb mongodb-atlas mongoose next-intl nextjs shadcn shadcn-ui tailwindcss typescript vercel
Last synced: about 2 months ago
JSON representation
SaaS and AI image editor
- Host: GitHub
- URL: https://github.com/jezbravo/editia
- Owner: jezbravo
- Created: 2024-04-02T02:42:52.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-19T05:08:27.000Z (7 months ago)
- Last Synced: 2024-05-19T07:31:40.641Z (7 months ago)
- Topics: checkoutpro, clerk, clerk-auth, cloudinary, html, i18n, mercadopago, mercadopago-api, mongodb, mongodb-atlas, mongoose, next-intl, nextjs, shadcn, shadcn-ui, tailwindcss, typescript, vercel
- Language: TypeScript
- Homepage: https://editia.vercel.app
- Size: 2.43 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Editia
## Description
This SaaS application is an image editor that uses AI to perform different transformations. The application has user authentication and management, file management, credit system, integration with Mercado Pago (payment gateway similar to Stripe but for several South American countries) and internationalization modules.
### Stack
- HTML
- TailwindCSS
- TypeScript
- Next.js
- Next-Intl
- Shadcn/ui
- Clerk
- MongoDB
- Cloudinary
- Mercado Pago
- Vercel
## Setup
First of all you must clone the repository:
```sh
git clone https://github.com/jezbravo/editia.git
cd editia
```
Then install the dependencies:
```sh
npm install
```
### Environment Variables
In order for the program to work correctly, it is necessary to configure the following environment variables in an **.env** file at the root of the project:
```sh
#MONGODB
MONGODB_URL=
#CLERK
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
WEBHOOK_SECRET=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/en/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/en/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
#CLOUDINARY
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
#MERCADOPAGO
MP_ACCESS_TOKEN=
MP_WEBHOOK_SECRET=
BACK_URL_SUCCESS=
BACK_URL_FAILURE=
BACK_URL_PENDING=
NOTIFICATION_URL=/en/api/webhooks/mp_validation
```
All unspecified keys are provided by the respective services in their configuration pages. The BACK_URLs can be optional and their configuration is subject to the discretion of the developer.
Once everything is ready:
```sh
npm run dev
```
## Demo
The application has five types of possible transformations for images: restoration; generative fill; object removal; object recoloring and background removal. Each of these transformations consumes a credit that is subtracted from the user's account when carried out. Credits can be increased on the purchase page, where pricing packages are offered.
The user can also check their current credits and edits made on the profile page.
You can test a deployed version at the following link: https://editia.vercel.app