Welcome to S3 UI

Where To Get These things? See Demo

2. Create Identity and Access Management (IAM) USER

You can create a individual USER or make a group and add USER to group.
To get ACCESS KEYS, you need to create a IAM USER.
Click on Users and create a one

Step 1: Specify user details give any name to USER
Step 2: Set permissions In Set permissions boundary, enable Use a permissions boundary to control the maximum permissions
Give AmazonS3FullAccess to the USER.
Step 3: Review and create Create user and you will get your access key and access secect key

3. Create ACCESS Keys

After Creating a user , You will see user in USERS Console.Click on the Your created user.

Click on Create Access Key

Step 1: Access key best practices & alternatives give use case.
check on, I understand the above recommendation and want to proceed to create an access key.
Next
Step 2: Set description taggive any tags , if you want which is optional.
Then , Click On Create Access Key
Step 3: Retrieve access keys
Copy the Access key and Secret access key or download the .csv file.

4. Create S3 Bucket

Create a Bucket

Note: Bucket name should unique over global

Then , we need to setup Cross-origin resource sharing (CORS)

Now click on youe bucket,
Go to Permissions tab scroll down down untill you get Cross-origin resource sharing (CORS) section and Block public access (bucket settings) section

Disable Block public access (bucket settings) and see cors setup in next step.

5. Set CORS And Block public access (bucket settings)

Disable Block all public access

The CORS configuration, written in JSON, defines a way for client web applications that are loaded in one domain to interact with resources in a different domain

Copy this code and paste there and save changes

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "http://localhost:3000"
        ],
        "ExposeHeaders": []
    }
]

Note: Will get your REGION name on your BUCKETS console.

Please wait for some time after CORS update.AWS need to update it.

Set any other permissions if you need.

6. Bucket policy (optional)

for dowanloading and preview of images you need to setuip Bucket policy.