MongoDB Realm - Web Tutorial

This is a companion task tracker application for the MongoDB Realm web tutorial.

The app is built with TypeScript and uses Apollo Client to demonstrate how to connect a React application to MongoDB Realm's GraphQL API. It also uses GraphQL Code Generator to automatically create TypeScript types based on the GraphQL schema.

A working implementation, including generated code and fully-implemented source files, is available on the master branch. All you have to do is add your Realm App ID in /src/RealmApp.tsx:

const REALM_APP_ID = "task-tracker-tutorial-abcde";

To follow along with the tutorial, including configuring code generation and implementing Realm-specific source code, use the todo branch:

git checkout todo

⚛ This project was bootstrapped with Create React App. You can learn more in the Create React App documentation.

Run the App

Make sure you've installed all of the app's dependencies:

npm install

To run the app, make sure you've added your App ID then run the following in your shell:

npm run start