A scratch written (chrome extension compatible) social network platform that allows users to store, share and organize text, audio, video, urls and images. Storable items are called "apples" or "grapples". (Written in html/php/js/css)
With chrome extension compatibility, when you want to save either text, video, url, image or audio to your grapple profile, grapple allows you to do this by simply right clicking on the page (for urls, youtube videos etc) or content (audio, text, image), and grappling it to your grapple profile, with a custom name etc.
Apart from the large high quality background image file used on website, php is tyrannically used to generate the entire user based ui dynamically, and this was my first attempt at writting a social network in 2013 and this is a bit slow!
See a similar, fast, scratch written neural network by myself, called soulify, written a year later in 2014 (Note that soulify is not as documented as this grapple Readme!).
- Install xamp.
- Extract grapple source code, and place grapple folder in C Drive. (Do this precisely, to avoid renaming serverhome url prefixes, responsible for collecting profile pictures at sign up. If you don't have C drive, you'll have to rename "$serverHomeUrl" in "data/modules/php/_module.new.entry.php" to whatever your xamp installation is.)
- Run localhost/grapple in chrome browser.
-
Add grapple extension to your chrome browser:
b. Go to extensions/load unpacked.
c. Browse to grapple/data/miscellaneous/resources/extensions/grapple'.chrome.extension/source code/src/grapple'.chrome.extension folder.
d. You're adding the folder, so once you reach "grapple'.chrome.extension" above, click okay.
e. You should now see the extension added to chrome:
- Create database called grapple_db in xamp, and import grapple/grapple_db.sql into the database you created.
When you sign in, you'll be presented with your profile page, with some usable components, including "cocktail" , "my cocktail", and "vineyard". For every section, the plus icon reveals actual grapples below the categories (text,...) listed. All grapples have a source button, so you can always return to the source of your grapple.
"Cocktail" is the 1'st tab, and lists everybody's grapples:
"My Cocktail" is the 5'th tab, and lists only your grapples (grapples belonging to whomever is signed in on your browser):
"Bunch" is the 6'th tab, and lists everybody who signed up on grapple, aka it lists all grapple users:
"Vineyard" is the 7'th tab, and includes the grapple chrome extension (you can alternatively get the extension here, instead of the location in SETUP/Item 1.c):
-
Sign into grapple on localhost/grapple.
-
Find some text, highlight with mouse, and right click. You should see grapple option popup, with "text-grapple it!" command:
- Simply supply details to the popup, like a title etc:
- You should now see "grappled!" message on popup.
- Closing popup, and reloading profile page, you will see the new text item in your "my cocktail" section (5'th tab), after you click "plus" on text category and scroll down to it:
- You can maximize each text grapple item, by clicking on it:
-
Sign into grapple on localhost/grapple.
-
Find some audio, and right click next to the audio on the web page. You should see grapple option popup, with "audio-grapple it!" command:
- Simply supply details to the popup, like a title etc:
- You should now see "grappled!" message on popup.
- Closing popup, and reloading profile page, you will see the new audio item in your "my cocktail" section (5'th tab), after you click "plus" on text category and scroll down to it:
- You can maximize each audio grapple item, by clicking on it:
-
Sign into grapple on localhost/grapple.
-
Find some video, and right click any empty space on the page where your video is. You should see grapple option popup, with "video-grapple it!" command:
- Simply supply details to the popup, like a title etc:
- You should now see "grappled!" message on popup.
- Closing popup, and reloading profile page, you will see the new video item in your "my cocktail" section (5'th tab), after you click "plus" on text category and scroll down to it:
- You can maximize each video grapple item, by clicking on it:
-
Sign into grapple on localhost/grapple.
-
Find some url, and right click any empty space on the page where your url is. You should see grapple option popup, with "link-grapple it!" command:
- Simply supply details to the popup, like a title etc:
- You should now see "grappled!" message on popup.
- Closing popup, and reloading profile page, you will see the new url item in your "my cocktail" section (5'th tab), after you click "plus" on text category and scroll down to it:
- You can maximize each url grapple item, by clicking on it:
-
Sign into grapple on localhost/grapple.
-
Find some image, and right click directly on the image. You should see grapple option popup, with "image-grapple it!" command:
- Simply supply details to the popup, like a title etc:
- You should now see "grappled!" message on popup.
- Closing popup, and reloading profile page, you will see the new image item in your "my cocktail" section (5'th tab), after you click "plus" on text category and scroll down to it:
- You can maximize each image grapple item, by clicking on it:
To run grapple online, in somewhere like godaddy, instead of on xamp/localhost, you'll need to adjust the source code in the chrome extension, and the php modules, so that the they are updated with the new server directories and or database connection settings:
- Adjust function "generateGrappleActionResponse" in file grapple/data/miscellaneous/resources/extensions/grapple'.chrome.extension/source code/src/grapple'.chrome.extension/data/js/rightClick.js, by replacing "https://localhost/ portion of url with whatever your online server url/domain is.
(You will need to do the above before adding the extension to chrome as directed in the SETUP section earlier above)
-
Adjust all php files where applicable, in directory grapple/data/modules/php by replacing connection details with whatever your online server sql details are.
-
Additionally, adjust variable "$serverHomeUrl" in file grapple/data/modules/php/_module.new.entry.php by replacing serverHomeUrl with whatever your online server server url is. (If this is not done properly, remember that your users won't be able to upoad profile pictures!)
-
Finally, instead of going to localhost/grapple, to sign in and grapple stuff, you would of course, instead go to whatever your online domain is.
Enjoy.