Build an Expense Organizer with ES6 and Dropbox - Tutorial
🎓 View our courses: https://scrimba.com/links/all-courses
💻 Full interactive course on Scrimba: https://rebrand.ly/scrimba-dropbox
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.
This course has been sponsored and paid for by Dropbox. To learn more about the Dropbox API, head to https://www.dropbox.com/developers
⚡ 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
--
🏫 We are looking for teachers! https://rebrand.ly/become-scrimba-tea...
📚 We also blog! Follow our articles: https://dev.to/scrimba
💬 Join the Scrimba community chat: https://rebrand.ly/discord-invite