React Workshop - Build a Timeline Generator with JavaScript

Let's create an amCharts Timeline with React & Kintone Database together! 🤖 CLONE THE WORKSHOP REPOSITORY This is the codebase that we will start the workshop from! → https://github.com/kintone-workshops/timeline-generator-amcharts 📂 GET A KINTONE SUBDOMAIN (DATABASE) Apply for a free developer license and subdomain. You can also read up on all things Kintone API & customization! → https://kintone.dev/new 📚 Chapters 00:00:00 - Hello 00:01:35 - Download the codebase 00:05:10 - Breakdown the Timeline Customization 00:07:29 - Workshop Overview 00:07:48 - Kintone - Web Database 00:12:27 - Sign up for Kintone Developer License 00:14:24 - Create a Presidents Web Database App 00:19:11 - Create a Kintone Custom View for React App 00:22:08 - Connect the Kintone Web Database to Your Codebase 00:25:18 - Update customize-manifest.json 00:26:42 - Dive Into the Codebase 00:28:06 - Quick Dive into amCharts JS Library 00:30:07 - Coding Index.js 00:50:29 - Build & Upload the Code 00:51:49 - Quick Debugging - Field Codes 00:52:09 - Debug - How to Show All the Presidents? 00:52:28 - Debugging Tips 00:52:36 - Bye 👋 📊 WHAT IS AMCHARTS? amCharts is a set of programming libraries and tools for all your data visualization needs on the web. amCharts JavaScript library supports classic charts like Line, Bar, Timeline, XY, Gantt, TreeMap, and Maps. Fully functional products are available for free for any type of use. ⚙️ WHAT IS KINTONE? Kintone is a no-code/low-code cloud platform for teams to quickly & easily share and collaborate on their data. You can add JavaScript, CSS, &/or HTML to enhance the front-end UI/UX of a Kintone App. This can include features such as maps, buttons, and color-coding. Read how to customize and develop on the Kintone platform at kintone.dev!