Million Ether Homepage

Storing Colors in a Pixel Grid

Million Ether Page Essential Smart Contract

Tip: Mining only when there are transactions

Tip: Using Remix IDE

Getting Started

Getting The Pixels and Ethereum Events

Building a DApp UI

Drawing in HTML Canvas

Using Websockets with Web3

Web3 and Events Over WebSockets

Drawing Pixels from the Blockchain

Viewing Pixels

Buying An Image -- Reading Pixels

Buying An Image -- Sending Transactions

Pixel bidding and structs

Payable Contracts, payable Functions

Contract Owner and require

Payable color pixel function

Buying Pixels

Sending funds from a contract

The safer way to send funds from a contract

The Pull Payment Pattern - Withdraw payments when outbid

Million Ether Homepage Summary

Auctioning Pixels

solidity

In this course, we'll build a DApp inspired by [The Million Dollar Homepage](https://en.wikipedia.org/wiki/The_Million_Dollar_Homepage). We'll build a 1 million pixel page, and each pixel can be colored by placing the highest bid.

In this course we'll walk through every step of writing a smart contract, deploying it, hosting auctions, and connecting it to the browser through web3. 

If you're looking to build real, full-stack ethereum Dapps, then this is a perfectly-sized example.

We'll build a DApp inspired by the Million Dollar Homepage, powered by an auction on the Ethereum blockchain

In a Wiltshire England a young student named Alex Tew was about to begin school at the University of Nottingham.

Alex didn't have a lot of cash, so like a lot of students he was going take out loans to pay for his education. But the high cost troubled him.

So he sat and brainstormed ideas and something struck him.

"I was broke. I needed money.
I thought, what could I do, I know I'll sell pixels for 1 dollar each.
That could work."

Alex's idea was to take a website and sell the pixels for 1 dollar each. If he sold all of the pixels, he'd end up with a million dollars.

He told all his friends and family, and managed to sell \$1,000 worth and used that money to issue a press-release.

"It was picked up by the BBC and some UK newspapers.
Then the next day it made another thousand, and then two thousand, started overnight
and once the ball started rolling, it was like the snowball effect"

In four and half months the page had sold out.

There was one day and the site went ballistic and there was 20k people every hour and the money was flowing in at a rate of 100k/hour

But it wasn't all rosy, during the auction of the final pixels, there was an extortion attempt where a group demanded \$50,000 dollars. Alex didn't pay and they initiated a DDoS attack that brought down the site for a week.

The attack eventually subsided, Alex sold the final pixels, and the Million Dollar Homepage is still with us today.

In this course, we're going to build a version of the million dollar homepage as a DApp on the Ethereum blockchain.

Alex used PayPal to process his payments, but our payments will come directly through Etherum.

Alex's site was brought down by hackers. Our pixels will live on the blockchain and there's no way for attackers to bring them down.

Alex put his pixels up for auction on EBay -- we're going to auction our pixels directly in an Ethereum smart contract.

I want to be clear here. I'm not trying to convince you to build a copycat site or try to get rich quick by a million ether page.

Instead, the Million Ether Homepage is a perfect introductory decentralized app, because it touches on many key ideas that we can bring to other Dapps.

For example, in building this app, we'll talk about

This course is for beginner Solidity programmers. We walk through every step on how to build a Million Ether Homepage Dapp -- from an empty folder to the blockchain.

If you want to learn the practical steps to building a full-stack Ethereum DApp, then this course is for you.

Alex sold his million pixels. And he seemed as surprised as anyone that it worked.

"The internet is the perfect place for crazy ideas"

Let's get started, by looking at how we store pixels on the blockchain.

In this course, we're going to be building an Ethereum version of 

---
title: Million Ether Homepage
slug: "million-ether-homepage-introduction"
thumbnail: https://embed-ssl.wistia.com/deliveries/44deb3814410b99de1f83c66468c1db1b02bd009.jpg
privateVideoUrl: https://fullstack.wistia.com/medias/huan3dtzrj
description: ""
isPublicLesson: true
---

In a Wiltshire England a young student named Alex Tew was about to begin school at the University of Nottingham.

Alex didn't have a lot of cash, so like a lot of students he was going take out loans to pay for his education. But the high cost troubled him.

So he sat and brainstormed ideas and something struck him.

> "I was broke. I needed money.
> I thought, what could I do, I know I'll sell pixels for 1 dollar each.
> That could work."

Alex's idea was to take a website and sell the pixels for 1 dollar each. If he sold all of the pixels, he'd end up with a million dollars.

He told all his friends and family, and managed to sell \\$1,000 worth and used that money to issue a press-release.

> "It was picked up by the BBC and some UK newspapers.
> Then the next day it made another thousand, and then two thousand, started overnight
> and once the ball started rolling, it was like the snowball effect"

In four and half months the page had sold out.

> There was one day and the site went ballistic and there was 20k people every hour and the money was flowing in at a rate of 100k/hour

But it wasn't all rosy, during the auction of the final pixels, there was an extortion attempt where a group demanded \\$50,000 dollars. Alex didn't pay and they initiated a DDoS attack that brought down the site for a week.

The attack eventually subsided, Alex sold the final pixels, and the Million Dollar Homepage is still with us today.

In this course, we're going to build a version of the million dollar homepage as a DApp on the Ethereum blockchain.

Alex used PayPal to process his payments, but our payments will come directly through Etherum.

Alex's site was brought down by hackers. Our pixels will live on the blockchain and there's no way for attackers to bring them down.

Alex put his pixels up for auction on EBay -- we're going to auction our pixels directly in an Ethereum smart contract.

I want to be clear here. I'm not trying to convince you to build a copycat site or try to get rich quick by a million ether page.

Instead, the Million Ether Homepage is a perfect introductory decentralized app, because it touches on many key ideas that we can bring to other Dapps.

For example, in building this app, we'll talk about

-   How build a user-interface using HTML and Javascript in the browser that connects to code on the Ethereum blockchain
-   How to write smart contracts that control their own funds
-   How to auction scarce digital goods in smart contracts

We'll talk about

-   Patterns for writing robust Solidity code
-   How to track real-time events on the the Ethereum blockchain and push them to our browser using WebSockets
-   and security considerations for writing smart contracts, so that you don't have your funds stolen

This course is for beginner Solidity programmers. We walk through every step on how to build a Million Ether Homepage Dapp -- from an empty folder to the blockchain.

If you want to learn the practical steps to building a full-stack Ethereum DApp, then this course is for you.

Alex sold his million pixels. And he seemed as surprised as anyone that it worked.

> "The internet is the perfect place for crazy ideas"

Let's get started, by looking at how we store pixels on the blockchain.

> ## Bibliography
>
> In this course, we're going to be building an Ethereum version of [the Million Dollar Homepage](https://en.wikipedia.org/wiki/The_Million_Dollar_Homepage).
>
> -   [Alex Tew Interview by Intruders TV](https://www.youtube.com/watch?v=RZysNexezFA)
> -   News:
>
>     -   <https://www.dropbox.com/s/4xuxddvac2t88yn/Screenshot%202017-10-10%2012.00.13.png?dl=0>
>     -   <http://www.alphr.com/news/internet/82316/million-dollar-homepage-facing-extortion>
>         Course Cover image: [Pixel art landscape by Mockingjay1701](https://mockingjay1701.deviantart.com/art/Pixel-art-landscape-525082296) CC By-SA 3.0


Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

Million Ether Homepage

WELCOMEIntroduction

Introduction:

Start Here

Module 1: Getting Started

Lesson 1: (3:23)

Million Ether Homepage

Lesson 2: (3:18)

Storing Colors in a Pixel Grid

Lesson 3: (4:29)

Million Ether Page Essential Smart Contract

Lesson 4: (1:56)

Tip: Mining only when there are transactions

Lesson 5: (7:08)

Tip: Using Remix IDE

Module 2: Viewing Pixels

Lesson 1: (6:08)

Getting The Pixels and Ethereum Events

Lesson 2: (7:15)

Gas

Lesson 3: (1:01)

Building a DApp UI

Lesson 4: (3:09)

Drawing in HTML Canvas

Lesson 5: (1:15)

Using Websockets with Web3

Lesson 6: (3:09)

Web3 and Events Over WebSockets

Lesson 7: (3:41)

Drawing Pixels from the Blockchain

Module 3: Buying Pixels

Lesson 1: (1:57)

Buying An Image -- Reading Pixels

Lesson 2: (4:51)

Buying An Image -- Sending Transactions

Lesson 3: (1:25)

Pixel bidding and structs

Lesson 4: (2:48)

Payable Contracts, payable Functions

Lesson 5: (3:35)

Contract Owner and require

Lesson 6: (2:38)

Payable color pixel function

Module 4: Auctioning Pixels

Lesson 1: (4:03)

Sending funds from a contract

Lesson 2: (3:26)

The safer way to send funds from a contract

Lesson 3: (4:37)

The Pull Payment Pattern - Withdraw payments when outbid

Lesson 4: (6:46)

Million Ether Homepage Summary

Million Ether Homepage