scrimba
Build an App with JavaScript and Dropbox
Render Files
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out
Watch in fullscreen
Render Files
by Christian Jensen
Build an App with JavaScript and Dropbox
AboutCommentsNotes
Render Files
by Christian Jensen
Build an App with JavaScript and Dropbox
Expand for more info
index.js
run
preview
console
import { Dropbox } from 'dropbox';

const dbx = new Dropbox({
  accessToken: 'aeOL1E1HS0AAAAAAAAAALX6z1ogWy75HGE_HBN-NNpJNfhnEa1kjF1vsJ_t7Wf8k',
  fetch
})

dbx.filesListFolder({
  path: ''
}).then(res => console.log(res))
Console
›
{entries:
[
{.tag:
"folder"
, name:
"Other Stuff"
, path_lower:
"/other stuff"
, path_display:
"/Other Stuff"
, id:
"id:52qdMpnOW6AAAAAAAAABlQ"
}
,
{.tag:
"file"
, name:
"AZ-car-rental.jpg"
, path_lower:
"/az-car-rental.jpg"
, path_display:
"/AZ-car-rental.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAhQ"
, client_modified:
"2018-12-26T18:26:29Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a84000000010e0ce6a0"
, size:
74987
, content_hash:
"f61140d99b281e33d84a966a928e27c31c8fda0567ef1a122f63b31570d58a84"
}
,
{.tag:
"file"
, name:
"car-rental-invoice.jpg"
, path_lower:
"/car-rental-invoice.jpg"
, path_display:
"/car-rental-invoice.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAhg"
, client_modified:
"2018-12-26T18:26:30Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a85000000010e0ce6a0"
, size:
60953
, content_hash:
"6dbe26171f7781795d19be0555e9ea3a5d5d0f5624e5c22f5589010f8e71efcc"
}
,
{.tag:
"file"
, name:
"car-rental.pdf"
, path_lower:
"/car-rental.pdf"
, path_display:
"/car-rental.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAhw"
, client_modified:
"2018-12-26T18:26:31Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a86000000010e0ce6a0"
, size:
62190
, content_hash:
"105d806ddbc103816d379400dcadd4350f6aa6270ced0d22955d0b7a7bedbf07"
}
,
{.tag:
"file"
, name:
"dev-meetup-hotel.png"
, path_lower:
"/dev-meetup-hotel.png"
, path_display:
"/dev-meetup-hotel.png"
, id:
"id:52qdMpnOW6AAAAAAAAAAiA"
, client_modified:
"2018-12-26T18:26:32Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a87000000010e0ce6a0"
, size:
22758
, content_hash:
"a774c444730acf5e663e3b674119c5e0b376e69535953019aacb4b719537db13"
}
,
{.tag:
"file"
, name:
"dinner-receipt.jpg"
, path_lower:
"/dinner-receipt.jpg"
, path_display:
"/dinner-receipt.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAiQ"
, client_modified:
"2018-12-26T18:26:33Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a88000000010e0ce6a0"
, size:
18479
, content_hash:
"65ea3baf06cba7c2f9ebe2aa87e92659efabd39b3d4e6603a11c8572bf8c0517"
}
,
{.tag:
"file"
, name:
"google-io-hotel.pdf"
, path_lower:
"/google-io-hotel.pdf"
, path_display:
"/google-io-hotel.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAig"
, client_modified:
"2018-12-26T18:26:34Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a89000000010e0ce6a0"
, size:
56367
, content_hash:
"17ea0b3da6be2ed26a12ba380b48ddc040ea722c4d2e8d9652766658060198b1"
}
,
{.tag:
"file"
, name:
"hackweek-airfare.pdf"
, path_lower:
"/hackweek-airfare.pdf"
, path_display:
"/hackweek-airfare.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAiw"
, client_modified:
"2018-12-26T18:26:35Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8a000000010e0ce6a0"
, size:
69868
, content_hash:
"82170f8a71144fe4661dfd50ea1664387760310169913797cc69897fe985f76b"
}
,
{.tag:
"file"
, name:
"hackweek-hotel-invoice.pdf"
, path_lower:
"/hackweek-hotel-invoice.pdf"
, path_display:
"/hackweek-hotel-invoice.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAjA"
, client_modified:
"2018-12-26T18:26:36Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8b000000010e0ce6a0"
, size:
59809
, content_hash:
"e76a1fcd5d2989912221388b62d89e28aa5e7f60571dbe9ef7eebb94d7318d9f"
}
,
{.tag:
"file"
, name:
"IL-car-rental.jpg"
, path_lower:
"/il-car-rental.jpg"
, path_display:
"/IL-car-rental.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAjQ"
, client_modified:
"2018-12-26T18:26:37Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8c000000010e0ce6a0"
, size:
50478
, content_hash:
"0cb837c24817bb74542e2dddf5b258ed5f5174cbc6250ed1604d468acfc4bd19"
}
,
{.tag:
"file"
, name:
"lunch-receipt.jpg"
, path_lower:
"/lunch-receipt.jpg"
, path_display:
"/lunch-receipt.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAjg"
, client_modified:
"2018-12-26T18:26:38Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8d000000010e0ce6a0"
, size:
22322
, content_hash:
"48112504b302d971ddfb53113370aa25e738812d5c2b3c1be01a07c5f7d5a174"
}
,
{.tag:
"file"
, name:
"meetup-dinner.jpg"
, path_lower:
"/meetup-dinner.jpg"
, path_display:
"/meetup-dinner.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAkA"
, client_modified:
"2018-12-26T18:26:39Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8e000000010e0ce6a0"
, size:
18479
, content_hash:
"65ea3baf06cba7c2f9ebe2aa87e92659efabd39b3d4e6603a11c8572bf8c0517"
}
,
{.tag:
"file"
, name:
"NY-car-rental.pdf"
, path_lower:
"/ny-car-rental.pdf"
, path_display:
"/NY-car-rental.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAkQ"
, client_modified:
"2018-12-26T18:26:41Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a8f000000010e0ce6a0"
, size:
69476
, content_hash:
"94aa54ccaae7d917c51bd04e7a09d660579f60bc8d3315e1d2a45a62b71b1667"
}
,
{.tag:
"file"
, name:
"slack-dev-conf-hotel.pdf"
, path_lower:
"/slack-dev-conf-hotel.pdf"
, path_display:
"/slack-dev-conf-hotel.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAkg"
, client_modified:
"2018-12-26T18:26:42Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a90000000010e0ce6a0"
, size:
204156
, content_hash:
"13a39fd8671dbd7f4241fa64cd0aee3682c9ca5d0e3390a60ab3661c8f2a8b6e"
}
,
{.tag:
"file"
, name:
"strategy-session-hotel.pdf"
, path_lower:
"/strategy-session-hotel.pdf"
, path_display:
"/strategy-session-hotel.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAkw"
, client_modified:
"2018-12-26T18:26:43Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a91000000010e0ce6a0"
, size:
204156
, content_hash:
"13a39fd8671dbd7f4241fa64cd0aee3682c9ca5d0e3390a60ab3661c8f2a8b6e"
}
,
{.tag:
"file"
, name:
"team-offsite-car-rental.pdf"
, path_lower:
"/team-offsite-car-rental.pdf"
, path_display:
"/team-offsite-car-rental.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAAAlA"
, client_modified:
"2018-12-26T18:26:44Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a92000000010e0ce6a0"
, size:
62190
, content_hash:
"43d2bd499a4e7839e716cba5e8ce2dd3cf9fc0ac1528629995c5588ebbe26483"
}
,
{.tag:
"file"
, name:
"team-offsite-lunch.jpg"
, path_lower:
"/team-offsite-lunch.jpg"
, path_display:
"/team-offsite-lunch.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAlQ"
, client_modified:
"2018-12-26T18:26:44Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a93000000010e0ce6a0"
, size:
22322
, content_hash:
"48112504b302d971ddfb53113370aa25e738812d5c2b3c1be01a07c5f7d5a174"
}
,
{.tag:
"file"
, name:
"training-airfare.jpg"
, path_lower:
"/training-airfare.jpg"
, path_display:
"/training-airfare.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAlg"
, client_modified:
"2018-12-26T18:26:45Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a94000000010e0ce6a0"
, size:
58524
, content_hash:
"b5219efc155efe6184e97a04fe971012ff02bad85a74ebce438852ae3ca274e1"
}
,
{.tag:
"file"
, name:
"training-hotel-invoice.jpg"
, path_lower:
"/training-hotel-invoice.jpg"
, path_display:
"/training-hotel-invoice.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAlw"
, client_modified:
"2018-12-26T18:26:46Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a95000000010e0ce6a0"
, size:
54168
, content_hash:
"b9578daa1205d1dd4bf9f2be636e7e5774c7c6ec5e7af98d68be11897556ee58"
}
,
{.tag:
"file"
, name:
"travel-meal.jpg"
, path_lower:
"/travel-meal.jpg"
, path_display:
"/travel-meal.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAAAmA"
, client_modified:
"2018-12-26T18:26:47Z"
, server_modified:
"2019-01-19T23:26:01Z"
, rev:
"01a96000000010e0ce6a0"
, size:
81396
, content_hash:
"d6ec34f9263a94a33d0390d2750b180302a77185148772171d5011b285a886be"
}
,
{.tag:
"file"
, name:
"burger.jpg"
, path_lower:
"/burger.jpg"
, path_display:
"/burger.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAABhQ"
, client_modified:
"2019-01-08T05:37:48Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aa8000000010e0ce6a0"
, size:
81396
, content_hash:
"d6ec34f9263a94a33d0390d2750b180302a77185148772171d5011b285a886be"
}
,
{.tag:
"file"
, name:
"car-IL.jpg"
, path_lower:
"/car-il.jpg"
, path_display:
"/car-IL.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAABhg"
, client_modified:
"2019-01-08T05:37:49Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aa9000000010e0ce6a0"
, size:
50478
, content_hash:
"0cb837c24817bb74542e2dddf5b258ed5f5174cbc6250ed1604d468acfc4bd19"
}
,
{.tag:
"file"
, name:
"car-rental-NY.pdf"
, path_lower:
"/car-rental-ny.pdf"
, path_display:
"/car-rental-NY.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAABhw"
, client_modified:
"2019-01-08T05:37:51Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aaa000000010e0ce6a0"
, size:
69476
, content_hash:
"94aa54ccaae7d917c51bd04e7a09d660579f60bc8d3315e1d2a45a62b71b1667"
}
,
{.tag:
"file"
, name:
"coding-meetup.pdf"
, path_lower:
"/coding-meetup.pdf"
, path_display:
"/coding-meetup.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAABiA"
, client_modified:
"2019-01-08T05:37:53Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aab000000010e0ce6a0"
, size:
59809
, content_hash:
"e76a1fcd5d2989912221388b62d89e28aa5e7f60571dbe9ef7eebb94d7318d9f"
}
,
{.tag:
"file"
, name:
"conference.pdf"
, path_lower:
"/conference.pdf"
, path_display:
"/conference.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAABiQ"
, client_modified:
"2019-01-08T05:37:55Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aac000000010e0ce6a0"
, size:
204156
, content_hash:
"13a39fd8671dbd7f4241fa64cd0aee3682c9ca5d0e3390a60ab3661c8f2a8b6e"
}
,
{.tag:
"file"
, name:
"dev-conf-hotel-max.png"
, path_lower:
"/dev-conf-hotel-max.png"
, path_display:
"/dev-conf-hotel-max.png"
, id:
"id:52qdMpnOW6AAAAAAAAABig"
, client_modified:
"2019-01-08T05:37:56Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aad000000010e0ce6a0"
, size:
22758
, content_hash:
"a774c444730acf5e663e3b674119c5e0b376e69535953019aacb4b719537db13"
}
,
{.tag:
"file"
, name:
"dining-elegantly.jpg"
, path_lower:
"/dining-elegantly.jpg"
, path_display:
"/dining-elegantly.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAABiw"
, client_modified:
"2019-01-08T05:37:56Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aae000000010e0ce6a0"
, size:
18479
, content_hash:
"65ea3baf06cba7c2f9ebe2aa87e92659efabd39b3d4e6603a11c8572bf8c0517"
}
,
{.tag:
"file"
, name:
"flight.jpg"
, path_lower:
"/flight.jpg"
, path_display:
"/flight.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAABjA"
, client_modified:
"2019-01-08T05:37:57Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01aaf000000010e0ce6a0"
, size:
58524
, content_hash:
"b5219efc155efe6184e97a04fe971012ff02bad85a74ebce438852ae3ca274e1"
}
,
{.tag:
"file"
, name:
"good-food.jpg"
, path_lower:
"/good-food.jpg"
, path_display:
"/good-food.jpg"
, id:
"id:52qdMpnOW6AAAAAAAAABjQ"
, client_modified:
"2019-01-08T05:37:58Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01ab0000000010e0ce6a0"
, size:
81396
, content_hash:
"d6ec34f9263a94a33d0390d2750b180302a77185148772171d5011b285a886be"
}
,
{.tag:
"file"
, name:
"hotel-google-conf.pdf"
, path_lower:
"/hotel-google-conf.pdf"
, path_display:
"/hotel-google-conf.pdf"
, id:
"id:52qdMpnOW6AAAAAAAAABjg"
, client_modified:
"2019-01-08T05:37:58Z"
, server_modified:
"2019-01-19T23:26:15Z"
, rev:
"01ab1000000010e0ce6a0"
, size:
56367
, content_hash:
"17ea0b3da6be2ed26a12ba380b48ddc040ea722c4d2e8d9652766658060198b1"
}
, ...]
, cursor:
"AAHzxJkZtTCvqFas6ZWX72rzcO1Y1p20zFFj5rVT6brg_PdCBwfET9eOIc_UAnJfiBw6wsKiMdR06LaSN4q3xnpO3Lfex8U0uWWh6_ZrH3Ho8biN4AmWJGAi31kmykl_kRTerNzUfxmT8QbLQide2X55"
, has_more:
false
}
,
Explorer
project
final.js
index.html
index.js
style.css
Dependencies
dropbox@4.0.15
index.html
-5:20
Download as zip
Copy contextual link

HomePlans & PricingTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba