BLOCKSHARE

BLOCKSHARE is decentralized application for creating and storing posts.

It allows users to create a message page with a simple user interface and then compile all the components of the message page into JSON data. The JSON file will then be stored on IPFS (Interplanetary File System) which is a distributed file system using Web3.Storage. The dApp allows you to share information in posts with the whole world using IPFS.

Development

Developed with

• React.js
• MUI
• Redux Toolkit Query
• IPFS
• Web3.Storage

IPFS & Web3Storage Usage

const storageHandler = async () => { setIsLoading(true) const storage = new Web3Storage({token: storageApiKey}) const data = { post_title: postTitle, post_body: postBody, profile_nickname: profileNickname, profile_description: profileDescription, recommendations: recs, data_created: new Date().getTime(), } const blob = new Blob([JSON.stringify(data)], {type: 'application/json'}) const dataFile = [new File([blob], 'post.json')] const cid = await storage.put(dataFile, {name: postTitle}) setCID(cid) setIsLoading(false) }

• [IPFS Query]

  export const ipfsApi = createApi({ reducerPath: 'ipfsApi', baseQuery: fetchBaseQuery({baseUrl: 'https://ipfs.io/ipfs/'}), endpoints: (builder) => ({ getIpfsPost: builder.query({ query: (cid) => ${cid}/post.json, }) }) }); Decentralization with Web3.Storage and IPFS The third and final phase involved transforming the project into a decentralized file-sharing system: Built with Passion, Powered by Technology:

• React.js: Crafted a fluid and user-friendly interface.

• MUI (Material-UI): Added a touch of elegance with beautiful UI components.

• Redux Toolkit Query: Ensured seamless data fetching and management.

• IPFS (InterPlanetary File System): Decentralized storage for a tamper-proof future.

• Web3.Storage: Blockchain-powered security for your valuable files.

By leveraging Web3.Storage, we achieved a decentralized architecture that enhances security and reliability in file storage.

Repository Link: https://github.com/Abhinendra2016/BLOCKSHARE-3.0

Contributors

We want to express our gratitude to the following individuals who have contributed to the success of Bloch Share in various ways:

Project Contributors

We extend our sincere appreciation to the following individuals who have contributed significantly to the development and success of Bloch Share:

• Abhinendra Pratap SINGH

  • Full-stack developer: Led the implementation of both front-end and back-end components, and managed the deployment phase.

• Subhag Prabhune

  • UI/UX Designer: Brought creativity and expertise to enhance the user interface and experience.

• Krupansh Desai

  • Web3Storage Researcher: Conducted in-depth research and contributed insights for the integration of Web3Storage.

Thank you to each of these contributors for their valuable and dedicated efforts in making Bloch Share a success!

Thank you to all our contributors for their involvement and support!

How to Use

Follow these steps to set up and run the Bloch Share project on your local machine:

1. Clone the Repository:

   git clone https://github.com/Abhinendra2016/BLOCKSHARE-3.0
   
   ## How to Use
   

2. Install Dependencies:

   cd BlockShare
   npm install

3. Run the Application:

   npm start

   The application will be accessible at http://localhost:3000.

Contributing

We welcome contributions! To contribute to Bloch Share, follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and submit a pull request.