Skybookmarks is a decentralized social bookmarking website built on Skynet.
You can conveniently login with your SkyID and discover stored bookmarks of other users.
The following user actions are stored in the Content record library:
- Save bookmark
- Bookmark name update
You can access the latest deployed version on https://skybookmarks.hns.siasky.net/. It is set-up using Github actions and HNS.
- For local React App projects, we need to remove
"homepage": ".",
from thepackage.json
. - When working locally, we want our App to only communicate with siasky.net. Find the line that says
const client = new SkynetClient();
and replace it with
const portal = 'https://siasky.net/';
const client = new SkynetClient(portal);
- Set your data domain for MySky:
const dataDomain = 'localhost';
- Open your terminal to the cloned repo folder and run
yarn install
to install the project's dependencies. - Run
yarn start
to see our app's starting layout. If your browser doesn't launch, visit localhost:3000. Create React App will auto-reload when you save files. (Use Ctrl+C in the terminal to stop your app.) - Test it out! Now Sign up for an account on MySky and update your bookmark list. They are stored on in SkyDB and are publicly shared in the system! You can also use the Content Record Viewer tool to see your content record.
Congratulations! You have a fully functioning Skapp! Deployment is currently configured with a Github action. You can nevertheless deploy your own instance by doing the following:
-
Have
"homepage": ".",
set in thepackage.json
-
Do not define a portal when initializing the Skynet client:
const client = new SkynetClient();
- Set your data domain for MySky:
const dataDomain = 'yourdomain';
-
Build the application with
yarn build
-
Upload the newly created
build
folder to https://siasky.net. (Make sure you select 'Do you want to upload an entire directory?')
Think of new features this product can offer and feel free to create PRs for them. Here are some ideas you could build upon:
- Overview of the most bookmarked pages accross all users
- Bookmark deletion
- Browser extensions to set bookmarks more conveniently
- Categorizing bookmarks and building a search engine and discovery features on top of that
- Store a snapshot of the bookmark on Skynet (similar to Waybackmachine)
In the project directory, you can run:
yarn start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
yarn build
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Our logo was created by Good Ware