Add Digital Ocean integration to the app

[faisalsayed10]

For CodeDay Labs

Digital Ocean is yet another object storage platform that would be a very good integration to have in our app. The good part is that Digital Ocean fully supports the AWS S3 API, So we don't need to reinvent the wheel again!

If you look into our codebase right now, you'll see that we support Backblaze and AWS both at the same time. Also, we have only written the code for supporting AWS S3, but it works out of the box for Backblaze! (with some minor conditional changes wherever required)

Example: conditions inside useS3.tsx wherever small changes are required depending on the bucket:

Okay, so now, your job is to integrate Digital Ocean in a similar manner by making the useS3 hook compatible with it.

• First, create a new file inside pages/new/ directory which will be used to get the credentials for that provider. (refer other files to get an idea)
• Then, make changes in the useS3 hook wherever required. Explore how we've integrated Backblaze and try to follow it.
• Navigate to util/globals.ts and add an object for your provider to the PROVIDERS array. (Also add a logo for the provider in the public/ directory)
• Navigate to util/types.ts and add your provider's name to the Provider enum.
• Finally, navigate to the useBucket hook and add a case for your provider and return that hook.
• Also make sure to edit any provider-specific functions to make them work with your provider. (look for switch cases or if/else statements that check for the type of provider).

Refer to CONTRIBUTING.md for further guide: https://github.com/faisalsayed10/firefiles/blob/main/docs/CONTRIBUTING.md#testing

[faisalsayed10]

Similar to #39

[faisalsayed10]

Any Digital Ocean costs related to the storage buckets during the development will be reimbursed. (upto $7)

[sabrinaspage]

@nghiapham1026 and @9brian are working on this.

[faisalsayed10]

Awesome, looking forward to it