https://github.com/mongodb-developer/read-it-later-maybe

Offline-First React Native Mobile App with Expo and Realm
https://github.com/mongodb-developer/read-it-later-maybe

Last synced: 9 months ago
JSON representation

Offline-First React Native Mobile App with Expo and Realm

• Host: GitHub
• URL: https://github.com/mongodb-developer/read-it-later-maybe
• Owner: mongodb-developer
• Archived: true
• Created: 2021-12-21T12:28:11.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2024-09-18T15:06:03.000Z (about 1 year ago)
• Last Synced: 2025-03-02T01:14:04.965Z (10 months ago)
• Language: JavaScript
• Size: 4.83 MB
• Stars: 12
• Watchers: 7
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Notice: Repository Deprecation

This repository is deprecated and no longer actively maintained. It contains outdated code examples or practices that do not align with current MongoDB best practices. While the repository remains accessible for reference purposes, we strongly discourage its use in production environments.

Users should be aware that this repository will not receive any further updates, bug fixes, or security patches. This code may expose you to security vulnerabilities, compatibility issues with current MongoDB versions, and potential performance problems. Any implementation based on this repository is at the user's own risk.

For up-to-date resources, please refer to the [MongoDB Developer Center](https://mongodb.com/developer).

# Read it Later... Maybe

A small “read it later” kind of app to store links we save for later reading. As sometimes we never get back to those links I’ll call it Read It Later - _Maybe_. 

|    Login   |  Adding a Link    |      

| :-------------: | :----------: | 

| ![](img/expo-realm-1.png)  |   ![](img/expo-realm-2.png) | 

|    All Links   |  Deleting a Link    |      

| :-------------: | :----------: | 

| ![](img/expo-realm-3.png)  |   ![](img/expo-realm-4.png) | 

And as we're using Realm Sync, every change is synced on all devices.

![](img/expo-realm-sync.gif)

But wait, this also works offline!

![](img/expo-realm-offline.gif)

## How all this works

This is a React Native app made with Expo + Realm. All details in this [MongoDB Realm DevHub Tutorial](https://www.mongodb.com/developer/how-to/build-offline-first-react-native-mobile-app-with-expo-and-realm)

## Can I use it now?

Sure! You need to:

- [create a Free MongoDB Atlas account](https://account.mongodb.com/)

- [create a Free M0 tier cluster](https://docs.atlas.mongodb.com/tutorial/create-new-cluster/)

- [set up a Realm App](https://docs.mongodb.com/realm/manage-apps/create/create-with-realm-ui/)

- copy the Realm App ID and set it in `RealmApp.js`

- [Install Expo Cli](https://docs.expo.dev/workflow/expo-cli/)

- `git clone https://github.com/mongodb-developer/read-it-later-maybe`

- `cd read-it-later-maybe`

- `expo run:ios` or `expo run:android`

## Resources

To learn more about Realm/MongoDB you have all these fantastic resources:

- [💻 MongoDB DeveloperHub, central point for everything MongoDB/Realm related](https://www.mongodb.com/developer)

- [💬 The MongoDB Forums](https://www.mongodb.com/community/forums/)

- [👩‍💻 Developer Blog](https://developer.mongodb.com/learn/?content=Articles#main)

- [🎓 MongoDB University](https://university.mongodb.com/)

- [📺 Youtube Channel](https://www.youtube.com/c/MongoDBofficial)

- [🎧 The MongoDB Podcast](https://developer.mongodb.com/learn/?content=Podcasts#main)

- [🎧 Unicode U00D1 (in Spanish 🇪🇸) Podcast](https://twitter.com/UnicodeU00D1)