Build an Expense Organizer with ES6 and Dropbox - Tutorial

Learn to build apps that power content and collaboration with the Dropbox API.

Dropbox is a content and collaboration platform trusted by more than 500 million users and 300,000 teams. It also has an API which allows you to add Dropbox features to your apps, such as file storage, sharing, previews, and search.

One example of such an app is an expense organizer, which can help businesses prevent their receipts from turning into chaos. Each employee simply add their receipts to a Dropbox folder, and then the app takes care of organizing them.

In this course, you'll build this organizer app while learning the fundamentals of working with the Dropbox APIs. It'll all be done in plain JavaScript, so no frameworks or libraries required. Along the way you'll also learn several ES6 concepts, like array methods and async/await functions.

⚡ Contents ⚡

00:00:00 - Intro

00:02:06 - Set Up

00:07:00 - Import the SDK

00:08:46 - Get Files

00:11:13 - Render Files

00:16:37 - Render Thumbnails

00:20:22 - Get Thumbnails

00:27:22 - Async / Await

00:30:01 - The Cursor

00:33:00 - Get More Files

00:37:50 - Change the File Path

00:42:08 - Move Files

00:46:05 - Show Moved Files

00:51:50 - Conclusion
--

[manny]

You should add a section explaining how you configured your NodeJS project. I came in thinking this was vanilla JS.