This project consists of 2 separate apps, first a macOS status bar app (Electron) and second an accompanying iOS app (Ionic). Both apps display a list of websites which are automatically synchronized via iCloud.
On opening, the status bar app displays the currently opened website in Safari or Chrome (if any) with its favicon and an “add”-button next to it. Beneath this website is a list of already added websites with their favicons. Clicking on the “add”-button will add the currently opened website to the list of websites.
Clicking on an entry in the list of websites opens that website in the default browser either by opening a new window or a new tab. The entry is then hidden in the list. Each entry also has a delete-button next to it, to delete the corresponding entry. The underlying dataset is synched with iCloud.
The iOS app displays the list of websites with a corresponding delete-button for each entry. Deleting an entry removes the website from the list and the new dataset is synched with iCloud. There is no adding or viewing of websites in the iOS app.
The data model is as follows: website title, website url, favicon (binary), viewed (bool). The data must be automatically synched with the user’s default iCloud account. Changed data must be pushed to the clients.
Technologies to use:
- macOS: Electron as a wrapper
- iOS: Ionic as a wrapper
- you can use applescript to get the active browser tab (eg. https://github.com/over-powdered/soap, https://gist.github.com/vitorgalvao/5392178)
Mockups and a requirements list are attached. It’s a simple project if you know the technologies.