# Workshop: React Workshop - Build a Timeline Generator with JavaScript

**URL:** <https://forum.kintone.dev/t/workshop-react-workshop-build-a-timeline-generator-with-javascript/733>\
**Category:** Announcements\
**Created:** [March 1, 2023, 7:59am UTC](https://forum.kintone.dev/t/workshop-react-workshop-build-a-timeline-generator-with-javascript/733 "2023-03-01T07:59:26Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![system](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/system/32/18_2.png) [@system](https://forum.kintone.dev/u/system)\
**Post date:** [March 1, 2023, 7:59am UTC](https://forum.kintone.dev/t/workshop-react-workshop-build-a-timeline-generator-with-javascript/733/1 "2023-03-01T07:59:26Z")

</div>

# React Workshop - Build a Timeline Generator with JavaScript

🗓 When?

2023-04-05T01:00:00Z

🚀 What?  
Let's create an amCharts Timeline with React & Kintone Database together!

## ABOUT THIS EVENT

In this 2 hour workshop, you will walk away with a configurable timeline generator and the understanding of creating amCharts graphs on a low-code database platform.

No need to know Node.js, AWS, or Vue.js. With Kintone, you can just focus on the front-end customization and not worry about setting up a complex back-end infrastructure!

All you need is a basic understanding of JavaScript for this workshop!

## 📎 PREREQUISITES

### 🤖 CLONE THE WORKSHOP REPOSITORY

This is the codebase that we will start the workshop from!

- [bit.ly/kdp-timeline](https://bit.ly/kdp-timeline)

## 🕒 EVENT SCHEDULE (IN PACIFIC TIME)

- 6:00 PM - Hello
- 6:10 PM - Workshop Overview
- 6:20 PM - amCharts Setup
- 7:20 PM - Web Database Setup
- 7:50 PM - Wrap Up and Q&A
- 8:00 PM - Thank you & Survey Raffle

## 📺 CAN'T MAKE IT?

Subscribe to our [YouTube channel](https://www.youtube.com/c/KintoneDeveloperProgram) to get notified when we post this workshop's recording!

Also, check out our most popular workshops with this playlist:  
[Popular Kintone Workshops - YouTube](https://www.youtube.com/playlist?list=PL_Mf7E0DfF049YIoAz8jAFUx7i6b77O0G)

## 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.

🤫 _We also have a $25 Amazon gift card raffle at the end ~_

[![Event Promo Graphic](https://canada1.discourse-cdn.com/flex035/uploads/kintone/original/1X/7ef0af9b20c03feec742f45e78c63e860f1dcdbb.jpeg)](https://www.eventbrite.com/e/react-workshop-build-a-timeline-generator-with-javascript-tickets-567602011897)

⚡ Register Here:

> **[React Workshop - Build a Timeline Generator with JavaScript](https://www.eventbrite.com/e/react-workshop-build-a-timeline-generator-with-javascript-tickets-567602011897)**
>
> Let's create an amCharts Timeline with React & Kintone Database together!

---

<div class="post-metadata">

**Author:** ![Genji](https://yyz1.discourse-cdn.com/flex035/user_avatar/forum.kintone.dev/genji/32/646_2.png) [@Genji](https://forum.kintone.dev/u/Genji)\
**Post date:** [April 10, 2023, 1:12am UTC](https://forum.kintone.dev/t/workshop-react-workshop-build-a-timeline-generator-with-javascript/733/2 "2023-04-10T01:12:07Z")

</div>

# Video for the Timeline x amCharts Workshop is Up!

[![](https://canada1.discourse-cdn.com/flex035/uploads/kintone/original/1X/d48f1414effe136998203e2d19d0ac0e176697a6.jpeg "React Workshop - Build a Timeline Generator with JavaScript") ](https://www.youtube.com/watch?v=U8NxgOaR5-g)