Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📱 Remote Message Widget (iOS)

A private, cloud-synced messaging system that allows you to send custom text updates from a web dashboard directly to an iOS Home Screen widget. Perfect for staying connected with family members or creating a personalized "daily quote" display.

✨ Features

Web Dashboard: A mobile-friendly portal to update messages from anywhere.

Secure Access: Firebase Authentication ensures only you can send messages.

Live Updates: iOS widget refreshes automatically to show the latest message.

Clean UI: Minimalist design with a bold, readable layout for all ages.

📂 Repository Structure

dashboard/index.html: The web-based sender portal.

widget/widget.js: The JavaScript code for the Scriptable iOS app.

🚀 Setup Instructions

1. Firebase Configuration (The Backend)

Go to the Firebase Console and create a new project.

Authentication: Enable Email/Password sign-in. Add a user (Email + Password) that you will use to log into your dashboard.

Realtime Database:

Create a database and choose a server location.

In the Rules tab, paste the following to allow anyone to read but only logged-in users to write:

JSON

{ "rules": { ".read": true, "message": { ".write": "auth != null" } } } Project Settings: Copy your Web App Firebase Config (API Key, Project ID, etc.).

2. The Dashboard Setup

Open dashboard/index.html.

Find the const firebaseConfig block and replace the placeholders with your actual Firebase keys.

Host this file using Firebase Hosting, GitHub Pages, or any static site host.

3. The iOS Widget Setup

Download the Scriptable App on the receiver's iPhone.

Create a new script and paste the code from widget/widget.js.

Replace the url at the top with your Firebase Database URL, making sure it ends in /message.json.

Go to the iPhone Home Screen, add a Scriptable widget (Small), and select this script.

🛠️ Customization

Colors: Change the hex code in w.backgroundColor = new Color("#4facfe") in the widget script to match your preference.

Fonts: Adjust Font.boldSystemFont(22) for larger or smaller text.

⚖️ License

This project is licensed under the MIT License — see the LICENSE file for details.

About

a program that allows you to send messages to a widget on family/friends phones

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages