Integrating create-react-app with solidity backend using Etherjs or web3js

Overview

Staking Protocol Frontend

The Frontend Implementation

  • This project is the implementation of the web3integration of staking contract to a frontend that enables users to stake and unstake plus check their staking history.

Built With

  • Reactjs
  • Ethersjs
  • CSS

Live Link

screenshot

screenshot

Getting Started

To get a local copy up and running follow these simple example steps.

Author

👤 Author

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgment

I hereby acknowledge the instructors at Web3Bridge for taking us through smart contract development and Frontend Implementation.

You might also like...
Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.
Backend for probook social media app using Nodejs, mongodb, express, jwt etc. Frontend is React, redux, material ui.

Probook - A social media app Probook App | A Social Media App An social media platform built using ReactJS, Redux Toolkit,Material UI, Node, Express,

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

E-commerce Web App for audio products. A full-stack project, using Nodejs and Express in the backend, MongoDB as database, React, and Redux on the front-end.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.
BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

BookCritiq is a web app for reviewing books. Built with React, Redux, JavaScript, and Bootstrap with a custom Rails API backend.

React SPA App with Serverless Backend and Congito Auth Demo
React SPA App with Serverless Backend and Congito Auth Demo

React SPA App with Serverless Backend and Congito Auth Demo Overview This samples shows how to make a SPA application with serverless backend by AWS C

A simple NodeJS backend and web front react page app that upload text file content
A simple NodeJS backend and web front react page app that upload text file content

NodeJS + TypeScript backend This is a simple NodeJS backend and web front react page app that upload text file content(show ten most-used words) Insta

JobBoard App Backend with Node.js GraphQL MongoDB

JobBoard App Backend with Node.js GraphQL MongoDB jobboard-backend-graph-ql-react-node-mongodb About This is the backend side of a JobBoard App that I

Mini ecommerce website using react for frontend and django for backend

Mini ecommerce website using react for frontend and django for backend

Travel POC developed using React and backend with Spring Boot
Travel POC developed using React and backend with Spring Boot

AWSEKSPOC Travel POC This project makes use of Booking API and TravelPayouts API. Front end is developed using React and backend with Spring Boot. Res

Resturant Management System backend was provided by Client so we did front end using ANT Design, Bootstrap and other Libraries of ReactJs
Resturant Management System backend was provided by Client so we did front end using ANT Design, Bootstrap and other Libraries of ReactJs

Resturant Management System backend was provided by Client so we did front end using ANT Design, Bootstrap and other Libraries of ReactJs

Owner
Sharon Jebitok
React x React-Native x Solidity || Front-end developer || Learning to write meaningful code || Open for work, OS projects & mentorship
Sharon Jebitok
Build a Full Stack Marketplace on Ethereum with React, Solidity, Hardhat, and Ethers.js

Building a Digital Marketplace on Ethereum The technologies used in this workshop are React, Next.js, Tailwind CSS, HardHat, Solidity, and Ethers. Get

Nader Dabit 114 Nov 15, 2022
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

@SmartCoding51 28 Jul 28, 2022
Full stack dApp with React, Ethers.js, Solidity, and Hardhat

Basic Sample React DApp Project This project demonstrates a basic dApp development with React, Ethers.js, Solidity, and Hardhat. I wanted to show you

@SmartCoding51 28 Jul 28, 2022
Web3.0 - A web3.0 project with solidity and react

?? Tecnologias e recursos utilizados no projeto Esse projeto foi desenvolvido co

Joao Pedro Vieira 26 Dec 19, 2022
NFT Marketplace on Ethereum Blockchain based on course. Made in React/Next JS, Solidity and Typescript.

This is a Next.js project. Full process and video lectures how to create the application can be found here: NFT Marketplace in React, Typescript & Sol

Filip Jerga 19 Dec 6, 2022
A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

A completely responsive decentralised react Airbnb clone made with travel advisor, google maps api, google places api, material ui, solidity, moralisDb and web3uikit.

Pranay Gupta 4 Dec 29, 2022
A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain.

A Dapp built with react which uses web3.js to interact with solidity smart contracts hosted on the rinkeby blockchain

Tahmeed Tarek 13 Dec 22, 2022
CRYPTO LOTTERY with NEXT.JS! (React.js, Solidity, TypeScript, TailwindCSS, thirdweb)

CRYPTO LOTTERY with React js ?? LIVE DEMO PREREQUISITES: Install Node JS in your computer HERE MetaMask HERE thirdweb HERE This project was bootstrapp

Sashen Jayathilaka 27 Jan 3, 2023
A fullstack DApp NFT Marketplace Made with NodeJS, Hardhat, Solidity, ReactJS, NextJS and Vercel.

??️ NFT Marketplace This is a fullstack DApp NFT Marketplace built as a study project to learn more about blockchain and smart contract development. M

John Oseni 4 Jan 4, 2023
olx-clone using react js , firease as backend ,deployed in firebase , react-router,context,react hooks,olx web app project

OLX clone Start your own website like Olx in minutes with help of Sijeesh Miziha's Olx-Clone React App. Olx-Clone is the potential classified advertis

Sijeesh Miziha 43 Dec 29, 2022