Giter Site home page Giter Site logo

sabelomkhwanzi / gigiblock-social-hour-web3 Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 4.0 2 MB

A web3 marketplace for freelance services, That connects talents to open projects or opportunities looking to hire

Home Page: https://gigiblock-social-hour-web3.vercel.app/

JavaScript 96.78% TypeScript 0.38% CSS 2.84%
chakra-ui decentralized-storage ipfs-filecoin nextjs nftstorage xmpt-protocol unstoppable-domains

gigiblock-social-hour-web3's Introduction

Hackathon: Social Hour x Gitcoin


Project Description : Web3Fiverr - A web3 freelance marketplace service, That connects talents to open projects or opportunities looking to hire. Accelerating the use of decentralized world. - Where value is given back to creator and users to take control and store user information secure, in decentralized mammer use StorageWizard Ipfs-Filecoin & NFT.Storage.

Problems we are Solving

  • High commission charge, long payment process
  • Extensive screening communication, big projects only
  • No quick application – must apply from each job vacancy’s source
  • Complex interface, spam applicants, and fake clients
  • Lengthy selection process, high service fee

How its work

  • We created a smart contract that allows a client to mint opened projects or skilled person to mint their information of career.
  • Unstoppable domain to login users or RainbowKit
  • That data is minted on the Polygon testnet, and than its store on a decentralized manner using IPFS and Nft.Storage.
  • Infomation is visiable to public, no extensive screening proces and Lengthy selection process, we are using the blockchain to pay only for gas fees on Polygon to process application and posted projects.
  • We than select our field of intrest or the talent for our project - Using XMTP (Extensible Message Transport Protoco) a open protocol and network for secure and private web3 messaging to connect and get more information on the applicants or the company - by only using you chain address to communicate.

Building Stack

  • Building Framework: Nextjs -Next.js is an open-source web development framework created by Vercel enabling React-based web applications with server-side rendering and generating static websites
  • Frontend: Chakra-ui - Create accessible React apps with speed
  • Hosting Platform: Vercel Platform from the creators of Next.js.
  • Smart Contract: hardhats - Hardhat is a development environment for Ethereum software
  • Decentralized Storage: IPFS and NFT.Storage to client occauption matadata info: IPFS/Filecoin - A peer-to-peer hypermedia protocol designed to preserve and grow humanity's knowledge by making the web upgradeable, resilient, and more open.
  • Matedata Storage: NFT.Storage is a long-term storage service designed for off-chain NFT data (like metadata, images, and other assets) for up to 31GiB in size per individual upload.
  • Web3 Messaging: XMTP (Extensible Message Transport Protocol) is an open protocol and network for secure and private web3 messaging.
  • Unstoppable domain to login users: Unstoppable domain - Login with Unstoppable build a universal Web3 login that authenticates your users.

Project Feature

1. Home Page

HomePage

2. Find work Page

FindworkPage

3. Find Talent Page

FindTalentPage

Live website:

Demo video: video

Project Start: Date: Oct 28, 2022 - Nov 9, 2022

Filecoin (FIL) Address: f1gyinht4l6kafovczalgieh2o5hqoltnchygmpty

Running the app

Getting Started

First, clone the repo with the following git command:

git clone https://github.com/SabeloMkhwanzi/Gigiblock-social-hour-web3

Second, open a terminal in the root directory of the project and run:

npm install

to install all the package dependencies for the project

Create a .env file in the root folder and populate it with the following variables: Get Api a key from Nft.Storage and Unstoppable domain

NEXT_PUBLIC_NFTSTORAGE_KEY=
NEXT_PUBLIC_UNSTOPPABLEDOMAIN_CLIENT_ID=

Finally, run the development server:

npm run dev
# or
yarn dev

Happy Hacking!😊

gigiblock-social-hour-web3's People

Contributors

sabelomkhwanzi avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.