Skip to content

levib14/message-wall

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

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published