How Web Developers Make Passive Income with React JS?

Name: How Web Developers Make Passive Income with React JS?
Rating: 4.3 (60 reviews)

Build a Crypto Currency Converter

Created byJoe Santos Garcia

Last updated 1/2018

English

English [Auto],

What you'll learn

Understand how to make money with your own ideas
Build a crypto currency converter with React JS

Course content

3 sections • 20 lectures • 5h 24m total length

Introduction19:07
Learn to monetize your web development skills by building simple, value-driven micro services independently. Focus on solving real problems, researching industries, and launching quick prototypes to create income streams.
Project Details9:30
Build a free Bitcoin profit calculator with an API to show price history and compute profits, then display totals on page while monetizing with ads and a Coinbase affiliate link.
Wireframe our App23:45
Create a simple wireframe prototype with a header and landing page, cryptocurrency image, and a transaction form; build home and results pages using free tools and plan ad-supported revenue.
How advertising works for developers?26:47
Explore how developers earn passive income through website advertising, CPC and impression revenue, Google AdSense, and keyword planning, by building useful web tools and generators.
Initial Setup6:55
Set up the starter kit, install dependencies with npm, and run the local dev server on localhost:3000; then edit the first component to render a code page.

Image Files
Grid System5:08
Learn how to implement a grid system in your React JS project, choosing a framework like Bootstrap or CSS grid, importing variables and reset files, and testing the grid.
Create and Style the Header11:32
Create a header layout with a container, site name, logo placeholder, and className usage; style padding, white text on dark background, and inline links aligned with the logo and menu.
Create the landing page24:52
Create a landing page by organizing a React app into a home component with a header and logo, and add a transaction form to prep for an API profits check.
Create the results page20:24
Duplicate the existing component to create a results page, wire it into the app at /results, display profit figures and ads, and adjust styling and spacing for a centered layout.
Fake a Routing System8:03
Learn to build a simple, library-free routing system in React using a switch statement and component-based views like home and results, driven by local state.
Working with other libraries27:55
Reuse third-party React libraries and components to add features like a date picker, install via npm, import, and integrate into your app with props and state handling.
Dates and APIs18:07
Fetch historical bitcoin prices using the crypto compare API. Convert dates to Unix timestamps and fetch data with Axios GET requests in a front-end app.
Dealing with math24:02
Learn to use the React lifecycle to fetch the current bitcoin price via an API call, update state, and calculate profit and loss and profit percentage.
Fixing the math and inputs19:51
Learn to implement onChange for crypto amount input in a React app, compute dynamic cost and selling prices from user input and API data, and display real-time profits.
Displaying the results41:25
Show how to check profits with a click, trigger an API call, pass data through routing and global state, and render a results page with gain or loss percentages.
Displaying the ads10:35
Add google ads to a react app by integrating adsense code, loading the script asynchronously, and placing ads in your ui, test on localhost before deployment.

Buying Domain and Hosting8:08
Discover cost-effective domain and hosting options for a React app, using namecheap and GoDaddy for domains, affordable shared hosting, and deploying to Heroku via git.
Deploy your app18:39
Deploy your static site to Heroku by creating an app, pushing your files via git, and enabling automatic deploys, then customize a domain and optimize for monetization through advertising.
Completed Files0:02

Requirements

Just know the basics of web development
html & css
javascript

Description

Hey Guys,

If you are looking to make money with the skills you already have as a web developer this course is for you. I've made over $150,000 dollars in the past 4 years just by creating small services for online users. All it takes is to have an idea and do research on a niche field can be health care, financial, arts or any other field you might be interested on. Then create a small service application using the skills you already know then make money from the advertising or by selling the service to them directly. Take this course where we use the latest front end framework React 16 to help you earn an extra $30-50k a year.

Who this course is for:

Any developer who is looking to make side income
Anyone looking to make an extra $10,000 dollars a month

How Web Developers Make Passive Income with React JS?

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 1hr 26min

Web App12 lectures • 3hr 32min

Conclusion3 lectures • 27min

Requirements

Description

Who this course is for: