{"id":28754426,"url":"https://github.com/brunodev100/edit","last_synced_at":"2025-06-17T01:09:42.535Z","repository":{"id":299110412,"uuid":"1002057017","full_name":"brunoDev100/Edit","owner":"brunoDev100","description":"QuickEdit is an AI-powered online image and video editor built using the Cloudinary AI API. It offers robust features for both images and videos, with user-friendly authentication and a tiered credit system. Enhance your media editing experience with cutting-edge AI tools!","archived":false,"fork":false,"pushed_at":"2025-06-14T16:24:37.000Z","size":798,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-14T18:57:38.904Z","etag":null,"topics":["ai","cloudinary","cloudinary-sdk","edi","nex","next-auth","shadc","tailwind","zustand","zustand-persist"],"latest_commit_sha":null,"homepage":"https://quick-edit-app.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brunoDev100.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-14T16:12:44.000Z","updated_at":"2025-06-14T18:09:42.000Z","dependencies_parsed_at":"2025-06-14T18:57:44.425Z","dependency_job_id":null,"html_url":"https://github.com/brunoDev100/Edit","commit_stats":null,"previous_names":["brunodev100/edit"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/brunoDev100/Edit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brunoDev100%2FEdit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brunoDev100%2FEdit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brunoDev100%2FEdit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brunoDev100%2FEdit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brunoDev100","download_url":"https://codeload.github.com/brunoDev100/Edit/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brunoDev100%2FEdit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260269457,"owners_count":22983648,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","cloudinary","cloudinary-sdk","edi","nex","next-auth","shadc","tailwind","zustand","zustand-persist"],"created_at":"2025-06-17T01:09:21.339Z","updated_at":"2025-06-17T01:09:42.515Z","avatar_url":"https://github.com/brunoDev100.png","language":"TypeScript","readme":"![QuickEdit banner](https://github.com/user-attachments/assets/b32dc096-b321-4327-bc9e-2d27508ff007)\n\n# QuickEdit: AI-Powered Online Image \u0026 Video Editor\n\nQuickEdit is an AI-powered online image and video editor built using the Cloudinary AI API. It offers robust features for both images and videos, with user-friendly authentication and a tiered credit system. Enhance your media editing experience with cutting-edge AI tools!\n\n## Table of Contents\n\n- [Demo](#demo)\n- [Screenshots](#screenshots)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Packages Used](#packages-used)\n- [Environment Variables](#environment-variables)\n- [Getting Started](#getting-started)\n- [Folder Structure](#folder-structure)\n- [Running the Application](#running-the-application)\n- [Author](#author)\n- [Documentation](#documentation)\n\n## Demo\n\n[Click here!](https://quick-edit-app.vercel.app) to view the live deployment.\n\n## Screenshots\n\n### Image Editing\n\n![Image Editing Screenshot](https://github.com/user-attachments/assets/54f56b99-178f-4292-b0b3-eda3e5784314)\n\n### Video Editing\n\n![Video Editing Screenshot](https://github.com/user-attachments/assets/c02c02d2-c28d-4add-b59e-8a1168f1f3d0)\n\n## Features\n\n### Image Editing Features\n\n- **Background Removal**: Remove backgrounds from images seamlessly.\n- **AI Object Removal**: Delete unwanted objects from images intelligently.\n- **AI Background Replace**: Replace backgrounds with AI-generated alternatives.\n- **Generative Image Fill**: Fill image areas with AI-generated content.\n- **AI Object Extract**: Extract objects from images with precision.\n- **Export in Multiple Sizes**: Save edited images in various resolutions.\n\n### Video Editing Features\n\n- **AI Video Transcription**: Automatically transcribe video content.\n- **Smart Video Crop**: Intelligently crop videos to desired dimensions.\n- **Export in Multiple Sizes**: Save edited videos in various resolutions.\n\n### User Features\n\n- **Authentication**: Secure user authentication with Google using Auth.js.\n- **Credits System**:\n  - **Free Tier**: 20 credits available for basic usage.\n  - **Premium Tier**: Unlimited credits for advanced editing needs.\n- **Responsive Design**: Optimized for all devices, providing a seamless experience across desktops, tablets, and smartphones.\n\n## Technologies Used\n\n- **Next.js**: Framework for server-side rendering and API routes.\n- **TailwindCSS**: Utility-first CSS framework for styling.\n- **Cloudinary AI API**: Advanced image and video processing capabilities.\n- **Prisma**: ORM for database management.\n- **MongoDB**: NoSQL database for scalable data storage.\n- **Framer Motion**: For creating smooth animations.\n- **Auth.js**: OAuth integration for user authentication with Google.\n- **Zustand**: Lightweight state management for React applications.\n\n## Packages Used\n\n- **UI/UX**: `@radix-ui/react-checkbox`, `@radix-ui/react-dialog`, `@radix-ui/react-tooltip`, `framer-motion`, `lucide-react`\n- **Forms**: `react-hook-form`\n- **Database**: `@prisma/client`, `prisma`\n- **Cloudinary**: `cloudinary`\n- **State Management**: `zustand`\n- **Miscellaneous**: `clsx`, `sonner`, `react-dropzone`, `tailwind-merge`, `tailwindcss-animate`, `zod`\n\n## Environment Variables\n\nCreate a `.env` file in the root of your project and add the following environment variables:\n\n```bash\nCLOUDINARY_NAME=                  # Cloudinary account name\nCLOUDINARY_API_SECRET=            # Cloudinary API secret key\nCLOUDINARY_API_KEY=               # Cloudinary API key\nCLOUDINARY_URL=                   # Cloudinary base URL\nCLOUDINARY_UPLOAD_PRESET=         # Cloudinary upload preset\n\nAUTH_GOOGLE_ID=                   # Google OAuth client ID\nAUTH_GOOGLE_SECRET=               # Google OAuth client secret\nAUTH_SECRET=                      # Secret key for encrypting and securing sessions\nAUTH_URL=                         # Base URL for Auth.js\nNEXTAUTH_URL=                     # Base URL for NextAuth.js redirects\n\nDATABASE_URL=                     # Connection string for the database\n```\n\nEnsure that all required values are filled with the proper credentials.\n\n## Getting Started\n\nTo get started with the project, follow these steps:\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/brunoDev100/Edit.git\n   cd quickedit\n   ```\n\n2. Install the necessary dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Set up environment variables by creating a `.env` file based on the [Environment Variables](#environment-variables) section.\n\n4. Run the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n5. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\n## Folder Structure\n\n```bash\nquickedit/\n├── node_modules/\n├── prisma/\n├── public/\n├── server/\n├── src/\n│   ├── app/\n│   ├── components/\n│   ├── lib/\n├── .env\n├── package.json\n├── tailwind.config.js\n└── README.md\n```\n\n- `prisma/`: Prisma schema and migration files.\n- `public/`: Static files (images, icons).\n- `server/`: Backend logic, including server-side functions and API utilities.\n- `src/app/`: Application pages and API routes.\n- `src/components/`: Reusable React components.\n- `src/lib/`: Global utility functions and configurations.\n\n## Running the Application\n\n- Development mode: `npm run dev`\n- Production build: `npm run build`\n- Start production server: `npm start`\n- Lint codebase: `npm run lint`\n- Fix linting and import structure: `npm run lint-fix`\n\n## Author\n\n- **Shivam Sharma**  \n  [Portfolio](https://shivam-sharma-myportfolio.vercel.app) | [LinkedIn](https://linkedin.com/in) | [GitHub](https://github.com/brunoDev100)\n\n## Documentation\n\nFor more detailed documentation, please refer to the official docs of the tools and libraries used in this project:\n\n- [Next.js Documentation](https://nextjs.org/docs)\n- [Cloudinary Documentation](https://cloudinary.com/documentation)\n- [TailwindCSS Documentation](https://tailwindcss.com/docs)\n- [Prisma Documentation](https://www.prisma.io/docs)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunodev100%2Fedit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrunodev100%2Fedit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrunodev100%2Fedit/lists"}