Join us for an live code-along where we create an ecommerce frontend and backend in two hours using React and Kintone! Reserve your spot now and let's Code Together!
- Completed Project
- Get Started
- Get Your Free Kintone Database
- Workshop Steps
- Debugging
- Completed Code
- Overview of the Repo
Clone the Repo & Install Dependencies 💪
First, clone the kintone-workshops/ecommerce-kintone repo! 🚀
Then go inside the folder & install the dependencies!
⚡ Two terminal windows are required for this workshop.
cd Downloads
git clone https://github.com/kintone-workshops/ecommerce-kintone
cd ecommerce-kintone
npm install
Open the ecommerce-kintone
folder in VS Code as well:
code .
cd Downloads/ecommerce-kintone/src
cd backend && npm install
- ⚡ Only use lowercase, numbers, & hyphens in your subdomain
- ⚠ Do not use uppercase or special characters
![]() |
![]() |
![]() |
![]() |
For more information, check out the Workshop_Steps.md > B. Get Your Free Kintone Database section!
Let's Fix Those Problems 💪
Here is a rundown of common problems that may occur & their solutions!
If you want the completed code, you can find it here:
Solution
↯ Overview of the Repo ↯
File | Purpose | Need to Modify? |
---|---|---|
package.json | Project's metadata & scripts for building and uploading the customization | |
.env.example | The template for the .env file | |
.env | Holds the Kintone login credential and View ID | Yes! - Create it |
src/App.js | The default for React projects. It will handle our front end. | Yes! Complete the code |
src/style.css | Styling for the project can go here | |
src/backend/server.js | This will handle our store's logic, like checking and decreasing stock etc. | Yep! Lot's of coding today. |
docs/Workshop_Steps.md | Step-by-step guide that we do during the workshop |