Skip to content

alkaz1/Cloudinary-File-Management

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cloudinary File Management App

This app allows you to manage your Cloudinary files, including uploading, downloading, deleting, and viewing. It also supports basic image transformations, such as resizing, cropping, and watermarking.

Getting started

  1. Install the app's dependencies:

    npm install
    
    
  2. Create a new Cloudinary account or log in to your existing account.

  3. In the Cloudinary Management Console, create a new upload preset. Under the Basic tab, set the Upload Permissions to Unsigned. Then, click the Save and Continue button.

  4. In the Transformations tab, add any transformations you want to apply to all uploaded images. Then, click the Save and Continue button.

  5. In the Security tab, click the Generate Signature button. This will generate a unique signature that you will need to use when uploading files to Cloudinary.

  6. Copy the signature and paste it into the CLOUDINARY_SIGNATURE environment variable.

  7. Start the app:

    npm start

Usage

Uploading files

To upload a file, click the Upload Files button and select the file(s) you want to upload. The app will automatically upload the files to Cloudinary and generate URLs for them.

Downloading files

To download a file, click the Download button next to the file you want to download. The app will download the file to your computer.

Deleting files

To delete a file, click the Delete button next to the file you want to delete. The app will permanently delete the file from Cloudinary.

Viewing files

To view a file, click the View button next to the file you want to view. The app will open the file in a new browser tab.

Transforming images

To transform an image, click the Transform button next to the image you want to transform. This will open a modal dialog where you can select the transformations you want to apply.

Features

  • Upload, download, delete, and view Cloudinary files
  • Apply basic image transformations, such as resizing, cropping, and watermarking
  • Support for unsigned uploads
  • Support for environment variables

Deployment

To deploy the app, you can use a cloud hosting provider such as Heroku or AWS Elastic Beanstalk.

Heroku

To deploy the app to Heroku, follow these steps:

  1. Create a new Heroku app.
  2. Set the CLOUDINARY_URL and CLOUDINARY_SIGNATURE environment variables in your Heroku app.
  3. Deploy your app to Heroku.

AWS Elastic Beanstalk

To deploy the app to AWS Elastic Beanstalk, follow these steps:

  1. Create a new AWS Elastic Beanstalk environment.
  2. Set the CLOUDINARY_URL and CLOUDINARY_SIGNATURE environment variables in your AWS Elastic Beanstalk environment.
  3. Deploy your app to AWS Elastic Beanstalk.

Once your app is deployed, you can access it at the URL provided by your hosting provider.

Support

If you have any questions or problems using the app, please feel free to contact me.

To use this MD code, simply copy and paste it into a new file with the .md extension. Then, open the file in a text editor or Markdown editor. You should see the contents of the file rendered in Markdown format.

You can then customize the MD code to meet your specific needs. For example, you can change the title of the README file, add more information about the features of your app, or include instructions on how to use the app.

About

No description or website provided.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published