Hey there! This is Sarkis Buniatyan from Protocore! We create award-winning websites for companies and our passion is developing mind-bending cloneables for makers by pushing Webflow to the bleeding edge. Welcome to our feature-packed rebuild of Apple Notes! This is a fully functional web app and here's how we made it.

‍

Step 1 • We designed the app in Webflow based on the Client-First methodology created by Finsweet and made it fully responsive. You can CLONE this entire project to freely reuse it and study its composition. Please note that when you do, the app itself will no longer function because all the automations are linked to our accounts and API keys. But everything built within Webflow will continue to function and if you pick up on how we developed the app, you can easily hook it up to Make and Memberstack to get it working for you.

‍

Step 2 • We partnered with Memberstack to handle memberships. Duncan Hamra was kind enough to sponsor the project by providing us with a lifetime premium subscription so unlimited makers can sign up to experience Apple Notes.

‍

Step 3 • We collaborated with the talented Harshit Agrawal from Finsweet to automate the app using Make (Integromat) and enable the ability to publish, edit, pin, delete, and set the visibility of notes. It seems daunting at first but it's actually straightforward once you understand the basics of Make. Here is a quick preview of the scenarios we created.

‍

‍

Step 4 • We used Finsweet Attributes to...

- Enable users to search and display the total number of created notes Learn More

- Share notes to Twitter Learn More

- Display the amount of time it takes to read a shared note Learn More

‍

Step 5 • We integrated Quill.js to enable members to compose and edit the notes they've published.

‍

Step 6 • We added a few scripts to enhance the interface and experience. You can find them in the page settings and the styles component located within every page.

‍

Step 7 • We used the Finsweet Extension to extend our development capabilities.

‍

Thank you for reading and using Apple Notes! This was a labor of love and we created it to inspire makers around the world to take the leap into the makerverse and harness no-code tools to bring their dreams to life like it has brought ours to life. If this app inspired you, discover more of our work on Webflow, visit Protocore.co to recruit wizards, and drop us a line at hello@protocore.co.

One more thing... we're publishing Apple Contacts and Apple Calendar next! Please Follow us on Twitter to clone them when they drop.

Until then, keep it flowing and see you soon :)

Wow, Sarkis, you are a genius

So many big things here. I am sooooo Impressed!