Encrypted Note Editor App In React Native

1. EncryptedNotesApp

   1 1 36 7.8 TypeScript

   An encrypted notes app using TenTap and WatermelonDBCipher

   

   I'm going to keep this guide straightforward and skip the super nitty-gritty details, because let’s face it, that would take all day and you want to see the juicy stuff. But don't worry, the entire app is open source. So, if you're curious about the bits and bobs of how everything works or want to dive deeper on your own, everything's available right here: https://github.com/10play/EncryptedNotesApp

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. 10tap-editor

   2 1 896 8.9 TypeScript

   React Native Rich Text Editor

   

   The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.

4. WatermelonDB

   3 23 10,993 9.2 JavaScript

   🍉 Reactive & asynchronous database for powerful React and React Native apps ⚡️

   

   Storing the notes: For storing the notes, we will use the amazing WatermelonDB package which is a popular sqlite wrapper for react-native. Instead of using the default package we will use a fork of this that uses sqlcipher instead of the regular sqlite, allowing us to encrypt the database by passing a secret key.

5. WatermelonDBCipher

   4 1 6 3.8 C

   Watermelon db https://github.com/Nozbe/WatermelonDB for that uses SQLCipher

   

   Storing the notes: For storing the notes, we will use the amazing WatermelonDB package which is a popular sqlite wrapper for react-native. Instead of using the default package we will use a fork of this that uses sqlcipher instead of the regular sqlite, allowing us to encrypt the database by passing a secret key.

6. tiptap

   5 94 30,269 9.8 TypeScript

   The headless rich text editor framework for web artisans.

   

   The Editor: The core of our app is the editor. We need an easy to use and robust rich text editor, that supports all of the features we want such as: headings, lists, placeholders, markdown, color, images, bold italic etc… For this we will use @10play/tentap-editor which is a rich text editor for react native based on Tiptap.

7. react-native-keychain

   6 11 3,323 8.4 Kotlin

   :key: Keychain Access for React Native

   

   Storing the secret key: Since our db requires a key, it is important to store that key somewhere secure, so we will use react-native-keychain which will store our key securely.

8. react-native-vision-camera

   7 26 8,386 8.5 Swift

   📸 A powerful, high-performance React Native Camera library.

   

   Camera and Image Captioning: For taking pictures we will use react-native-vision-camera and for generating captions from the images, react-native-quick-tflite.

9. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

10. react-native-fast-tflite

    8 1 903 6.8 C++

    🔥 High-performance TensorFlow Lite library for React Native with GPU acceleration

    

    Camera and Image Captioning: For taking pictures we will use react-native-vision-camera and for generating captions from the images, react-native-quick-tflite.

Suggest a related project