malawadd / safha

Web3 Infinity Hackathon project

Safha

Your Safha on the decentralized internet

Key Features • How To Use • Credits • License

Key Features

• Safha is is a web3 notebook linked to your ENS name or Ethereum address.
• Use Safha as a blog, profile, journal, homepage, wiki, and more. Create pages, edit text, upload files and images, and embed rich content like videos, bookmarks, and NFTs.
• Easily share any safha you create in a nice and beautiful way

How To Use

To clone and run this project , you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git https://github.com/malawadd/safha.git

# Go into the repository
$ cd safha

# Install dependencies
$ yarn install

# Run the app
$ yarn start

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

Credits

Safha uses the following open source packages:

• Ceramic decentralized data network that brings unlimited data composability to Web3 application
• web3 storage The easiest way to store data on the decentralized web.
• IDX decentralized identity protocol
• Reactjs React makes it painless to create interactive UIs
• craco an easy and comprehensible configuration layer for Create React App
• The Ethers Project A complete Ethereum wallet implementation and utilities in JavaScript (and TypeScript)
• Web3Modal A single Web3 / Ethereum provider solution for all Wallets
• Coinbase Wallet SDK An open protocol that lets users connect their mobile wallets
• Draft.js Rich Text Editor Framework for React
• Emoji Mart a customizable
  emoji picker HTML component for the web
• styled components Visual primitives for the component age
• highlight.js Visual primitives for the component age.
• Super Tiny Icons Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
• tailwindcss A utility-first CSS framework packed with classes
• NFTE A universal way of embedding NFTs in your website or app
• react-beautiful-dnd Beautiful and accessible drag and drop for lists with React
• pretty-bytes Convert bytes to a human readable string: 1337 → 1.34 kB
• prismjs a lightweight, extensible syntax highlighter

License

MIT