Quickstarts
JavaScript Web Quickstart
Get started quickly with Ditto using the Ditto Quickstart Applications
Prerequisites
Ditto’s JavaScript Web Quickstart runs on modern web browsers. Before getting started, ensure you have the following:
- A code editor (Visual Studio Code is our recommendation, but any code editor will work)
- Git installed on your machine
- Node.js installed on your machine
- A Ditto Portal account with a configured Ditto Application (see Getting SDK Connection Details)
Get Started
1. Clone the Repository
- Open the terminal
- Clone the repository from GitHub.
- Navigate to the project root directory:
2. Configure Ditto
Get Ditto App ID and Playground Token
- Log in to your Ditto Portal account
- Navigate to your application and obtain the Ditto App ID and Playground Token (see Getting SDK Connection Details for more details)
Add Ditto Credentials
- Copy the
.env.template
file at the root of thequickstart
repo to.env
and add your app ID and online playground token. - Update the
.env
file with the App ID and Playground Token from your Ditto Application
3. Run the Application
- Navigate to the project directory
- Install dependencies
- Run the Application
4. Sync-Data Offline
- Launch the application on multiple devices or simulators
- Disconnect from your current WiFi network while keeping WiFi enabled on the device to allow for LAN connections
- Add, edit, and delete tasks and experience offline collaboration!
Next Steps
All the Ditto Quickstart apps works together! Try running a quickstart app in other languages and see them all collaborate.
Additional Resources
Was this page helpful?