Web3 Development Using ReactJS

The #1 course that will help you build a website that interacts with the blockchain. Learn everything from complete coding basics to building decentralized web apps (dApps).

Learn Web3 or get left behind.

Web3.js is the #1 JavaScript library to interact with the Ethereum blockchain. With a Web3 website, your visitors can use your site to send Ether, read and write data from smart contracts, create smart contracts, mint NFTs, trade tokens, and more.

Web3 is revolutionizing the Internet and how websites are made. Every web developer should learn Web3 to stay relevant. If you don’t learn Web3, you will get left behind.

TOP-RATED COURSES + UNIQUE APPROACH

Lumiwealth offers the best tech courses and is rated 4.8 out of 5!

+2,500 STUDENTS HAVE TAKEN OUR COURSES

We have helped thousands of students all over the world with our courses.

LIFETIME ACCESS (INCLUDING UPDATES)

We’re always adding new material – and you’ll get lifetime access to the content!

CERTIFICATE OF COMPLETION

After passing the course you will receive a certificate of completion that you can show to employers & clients.

Increase Your Salary

Create Projects You Can Use or Add to Your Resume

Make Your Own dApps

Level Up Your Skills

Get Started With Web3 Development For Free

Fill the form to receive access to a FREE LIVE CLASS that will cover the basics of Web3, React and Javascript.


Our Course Is For:

  • Enthusiasts with no coding experience who want to learn about Web3 to take advantage of this technological revolution

  • Experienced developers who want to add Web3, JavaScript and React to their skill set

  • Individuals who want to build their own decentralized apps.

  • People interested in a web development job that requires JavaScript, React or Web3.

What Will You Be Able To Do?

Here are just a few things you’ll be able to do after completing our course.

  • The fundamentals of JavaScript programming
  • How to use React.js
  • Create your own decentralized apps with Web3.js
  • Build a simple decentralized website with Truffle, Solidity smart contract, and vanilla JavaScript
  • Ethers.js blockchain library introduction
  • Connect to MetaMask with JavaScript web3
  • Build a simple dApp with React, Web3.js, and MetaMask
  • Simple NFT smart contract overview
  • Enable user minting tokens
  • Launch the web app with MetaMask and Ganache​
  • …and much more!

The Classroom Comes to You

We have several plans for our course each designed to fit your learning needs and style. Our classes are taught online live and one-on-one, or you can just get the videos only.

Whatever plan you choose, we are here to support you and make sure you are learning and achieving your goals.

Self Directed / Videos Only

Our collection of instructional videos and sample code will allow you to work at your own pace. Furthermore, our video library is constantly expanding and you will have lifetime access to all future videos and code.

Live Learning

Our experienced instructors will host live classes at pre-established times, allowing you to interact with other students and the instructor. You will also get a chance to work with other students, fostering collaboration and discussion.

Project Help / Tutoring

Our experienced instructors will meet with you, through video conference on a set schedule, to make sure you’re understanding the concepts and to help with building your custom portfolio project.

Course Curriculum

Week 1 – Introduction to JavaScript and Web Development

  • Course overview
  • Round robin
  • How Web Development works 
  • HTML and CSS fundamentals  
  • What is JavaScript
  • Write your first JavaScript code online  
  • JavaScript fundamentals  
  • JavaScript basic types   
  • Constants and variables  
  • Functions  
  • Interacting with websites

Week 2 – Decentralized web app (dApp) Setup with Truffle

  • dApp introduction
  • Web3 introduction  
  • Install Node and NPM 
  • Command-line introduction  
  • Build a simple decentralized website with Truffle, Solidity smart contract, and vanilla JavaScript
    • Truffle Ethereum dApp tool introduction 
    • Build a Truffle Project 
    • Understanding a new Truffle project 
    • Ganache local blockchain introduction
    • Compile Solidity smart contract from Solidity to JSON artifacts 
    • Understanding smart contract deployment to blockchain  
    • Build a script to deploy the contract 

Week 3 – dApp Project Development with Ganache and MetaMask 

  • Use Truffle to migrate contract to Ganache  
  • Build webpage HTML for dApp frontend  
  • Ethers.js blockchain library introduction
  • Load scripts into HTML file  
  • MetaMask cryptocurrency wallet introduction 
  • Connect to MetaMask with JavaScript web3 

Week 4 – Project Finale with JavaScript Web3

  • Connecting to a web3 provider
  • Loading a smart contract into JavaScript web app 
  • Enable user to interact with smart contract via the website    
  • Introduction to HTTP-server backend web development 
  • Test dApp with the server, MetaMask, and Ganache  

Week 5 – Web development with React.js

  • What is React?  
  • React Hello World project
  • How ReactJS works 
  • Build a simple web app in React.js 

Week 6 – Web app project with React.js

  • Build a React form
  • Handle events and data
  • Build to-do list web app in React 

Week 7 – dApp development with React.js

  • Build a simple dApp with React, Web3.js, and MetaMask
  • Build a React dApp to connect to MetaMask account and blockchain network

Week 8 – Build an NFT minting dApp with React 

  • Make a React Truffle project 
  • Simple NFT smart contract overview 
  • Connect to web3 in React 
  • Connect NFT smart contract with your app 
  • Make front-end NFT minting functionality  
  • Enable user minting tokens
  • Launch the web app with MetaMask and Ganache

Week 9 –  Build a to-do list dApp with Truffle and React

  • Build new React Truffle app
  • Connect to a smart contract in the web app 
  • Deploy contract to ganache
  • Connect backend contract to frontend app 
  • Enable user interaction on the website with MetaMask 

Week 10 – Metaplex Candy

  • NFT deployment to Solana blockchain with Metaplex Candy
  • Course review
  • Where to go from here

Course Projects

Projects signal to employers that you know your stuff! You’ll build an impressive portfolio of projects that demonstrate your abilities.

The Live Classes plan includes the projects below, while the Project Help / Tutoring plan includes these and help with your own custom project.

Project 1: Build a dApp with Truffle, Ganache, MetaMask, and vanilla JavaScript

Build a new blockchain project with Truffle, a popular decentralized app development tool. Launch a local Ethereum blockchain network with Ganache. Connect to cryptocurrency wallets from your website with MetaMask, a browser wallet extension. Handle crypto transactions and blockchain interactions via your website. All with Web3.js, Ethers.js, and vanilla JavaScript.

This is the perfect project for a beginner web developer wanting to enter the Web3 space. This is your first of 5 capstone projects.

After this project, you will have the fundamental knowledge to create more sophisticated contracts like some of the new altcoins that have been growing very fast in popularity.

Project 2: Build an NFT minting dApp

In this project, you will create a new React Truffle project. Truffle is a hugely popular development framework for Ethereum dApp development. You’ll connect to Web3 and a Solidity ERC721 smart contract in your app.

You’ll build the front-end NFT minting functionality, which can interact with the Ethereum smart contract. Users will be able to mint tokens from your site. You’ll also learn how to launch the app and make blockchain transactions with popular blockchain tools Ganache and MetaMask.

After this project, you will know how to create a decentralized web app using blockchain and web development standards. You’ll be able to create different dApps, from single-page applications to marketplaces, using the same process.

Meet Your Instructor

ALEKSANDRA KROPOVA

Alexandra Kropova has taught thousands of students in courses like Beginners Solidity for Ethereum Blockchain, Beginners Marlowe Haskell for Cardano Blockchain, and Blockchain and Cryptocurrency Machine Learning.

When not building software, Alexandra teaches through online courses, live boot camps, blog posts, and YouTube tutorials on Blockchain, Python, JavaScript, and more software development topics.

Alexandra has helped produce courses for Mammoth Interactive since 2016.

Get Started With Web3 Development For Free

Fill the form to receive access to a FREE LIVE CLASS that will cover the basics of Web3, React and Javascript.


Testimonials from the Lumiwealth Community

Join the thousands of students that are already learning at Lumiwealth

“I didn’t want to buy a course of just videos. I think having somebody to interact with, like you’ve been great both on Discord and chat… Then the class has been interactive but also you’ve hopped on a call and just helped me out which has been game changing. So that’s why I chose Lumiwealth, it was really because you guys offer that level of care.”

“There’s people coming from way different backgrounds, some people are day traders like me others are more in the field of finance, and so it was really cool to just meet everybody and interact.”

– Agim Salija

“The class has been great. It has done exactly what I sought out. I have learned techniques to help me assess the quality of trading strategies which I didn’t have before. Overall, it has boosted my ability to create a trading bot and more easily test strategies in a way that I wasn’t able to before.”

“For anyone who is looking to learn Python, Finance, and putting together the dots in order to create their own strategy or enter the job market, I think this would be a great course to take.”  

– Rene Serulle

“Absolutely would recommend the classes. I went live with this trading bot a couple of weeks ago and right now I have almost made 80% of the money I spent on the course itself back from the bot itself. The trading strategies that I learned in the class paid for the class itself. I don’t think there is a better return on investment.”

“Learning from you was one of the biggest advantages. The depth of your experience you have and sharing that with all of us is amazing. To have that kind of person who’s willing to teach other people and help them enhance their lives is amazing.” 

– Santayan Paul

“I liked the variety of things being covered the most during the classes, not only how to set up a bot and connect to a broker, but also CAGR, long-term economic data, and things that I wasn’t really thinking about. For example, how long term trends can affect short-term prices. I liked the overall breadth of the class and how it wasn’t just all about the algo trading portion of it; there was a lot of how and what too.”

“I would recommend Lumiwealth’s classes to anybody who wants to understand and take more control of their trading. To anyone who wants to learn about Python/technology and trading and how these two things interplay with each other.” 

– Joel Brass