# Workshop: \[ In-Person Tokyo \] React & REST API Workshop \[ Kintone x Code Chrysalis \]

**URL:** <https://forum.kintone.dev/t/workshop-in-person-tokyo-react-rest-api-workshop-kintone-x-code-chrysalis/790>\
**Category:** Announcements\
**Created:** [June 20, 2023, 4:54am UTC](https://forum.kintone.dev/t/workshop-in-person-tokyo-react-rest-api-workshop-kintone-x-code-chrysalis/790 "2023-06-20T04:54:07Z")\
**Posts on this page:** 1\
**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:** [June 20, 2023, 4:54am UTC](https://forum.kintone.dev/t/workshop-in-person-tokyo-react-rest-api-workshop-kintone-x-code-chrysalis/790/1 "2023-06-20T04:54:07Z")

</div>

# [In-Person Tokyo] React & REST API Workshop [Kintone x Code Chrysalis]

🗓 When?

2023-08-03T09:30:00Z

# 🗼 In-person Tokyo workshop!

Let's create a front-end React Component that exchanges the contents of a 3rd party Web Database service using Express as a proxy.

In this 2 hour workshop, you'll walk away with a React project that retrieves data from and uploads data to Kintone, a web database service.

## ❗Register here​:backhand\_index\_pointing\_down:

### [https://share.hsforms.com/1aRbEuwNQTJKWQh3U9ILEYA5gn71](https://share.hsforms.com/1aRbEuwNQTJKWQh3U9ILEYA5gn71)

## 📎 PREREQUISITE

### 💾 Install Node & npm

- Node 14.0.0 or later version is required for this workshop.
- New to Node? check out our step-by-step install guide: [bit.ly/nodejs-setup-guide](https://bit.ly/nodejs-setup-guide)

### 🤖 CLONE THE WORKSHOP REPOSITORY

- This is the codebase that we will start the workshop from!
- [bit.ly/kdp-react-rest](https://bit.ly/kdp-react-rest)

### 🚀 GET A FREE KINTONE WEB DATABASE

- Apply for a free developer license and subdomain.
- [Kintone.dev/new](https://kintone.dev/new)

## 🕒 EVENT SCHEDULE (IN PACIFIC TIME)

- 6:30 pm - Hello
- 6:40 pm - Workshop Overview
- 6:50 pm - Web Database Setup
- 7:00 pm - React App Project Setup
- 7:20 pm - Build out the project
- 8:00 pm - Wrap Up
- 8:10 pm - Q&A
- 8:30 pm - 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 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](https://kintone.dev/)!

## 🦋 WHO ARE CODE CHRYSALIS?

Code Chrysalis is a Tokyo-based 🗼 coding school providing full-time and part-time courses in English.

Join us 🤗 in person or take our classes remotely 💻.

See why we are an industry leader in technical education in Japan 🇯🇵.

We offer free workshops and events for the community, so please support us by following us on Instagram, Facebook, or Twitter!

To find out more about us, please go to our website: [codechrysalis.io](https://www.codechrysalis.io/)

🎉 This event is co-hosted with Code Chrysalis - [meetup.com/codechrysalis/events/293563931/](https://www.meetup.com/codechrysalis/events/293563931/)

[![Event Promo Graphic](https://canada1.discourse-cdn.com/flex035/uploads/kintone/original/1X/c44a71cfb67fb8139517447061b4d2fa54098a7f.jpeg)](https://www.eventbrite.com/e/in-person-tokyo-react-rest-api-workshop-kintone-x-code-chrysalis-tickets-662231641667)

⚡ Register Here:

> **[\[In-Person Tokyo \] React & REST API Workshop \[Kintone x Code Chrysalis \]](https://www.eventbrite.com/e/in-person-tokyo-react-rest-api-workshop-kintone-x-code-chrysalis-tickets-662231641667)**
>
> In-person Tokyo workshop!
