jgrizzled

App name: COVID Market

Description: 
The COVID-19 pandemic has severely impacted the US economy. 
Stay abreast of the unfolding situation with key COVID-19 statistics and economic indicators.
Gain insight into the market by comparing the current stock market with past recessions.

Technical info:
The app will display a customizable chart that allows the user to overlay various data.
The data will include COVID-19 case stats and economic data.

jgrizzled

const Web3 = require('web3');

const apiKey = 'INSERT_API_KEY';
const web3 = new Web3('https://mainnet.infura.io/v3/' + apiKey);

// ABI of called contract
const fundRankingAbi = [
  {
    constant: true,
    inputs: [{ name: '_factory', type: 'address' }],

jgrizzled

App:
Melon List

Description:
View the current live funds on the blockchain platform Melon Protocol (melonprotocol.com)

Pages:
Main page (on page load): header, search box, submit button
Main page (on submit): add table of funds
Main page (on table click): expand fund row clicked on

jgrizzled

App:
Melon List

Description:
Melon Protocol is a fund management platform that lets users launch funds on the Ethereum blockchain.
Melon List is a webapp that retreives the list of funds from the blockchain and displays fund details to the user.

As a new user, I want to:

  1. Discover a growing ecosystem of blockchain funds

jgrizzled

Melon Protocol (melonprotocol.com) is a fund management platform built on the Ethereum blockchain.
Melon was released earlier this year and allows anyone to launch a fund on the blockchain.
At present, there is no way to easily see a list of live funds on the platform.

For the API capstone, my app will talk to the blockchain through the Infura.io API, and retreive a list of funds on the Melon platform.
Users will be able to see the state of the Melon fund ecosystem and track fund performance, without having to run specialized blockchain software.
Users can input a search string to only display matching funds (by name).
Users can click on a fund to view more details such as fees and number of investors (causes additional API calls).
Additionally, the app will use the Messari.io API to get the current market price of cryptocurrencies, so users can see fund balances in terms of US dollars.
I have already prototyped and tested API calls to ensure I can get the needed data.

jgrizzled

Youtube API
1 required parameter:
  part
    data type: string
    example: "id,contentDetails"
2 optional parameters:
  maxResults
    data type: unsigned integer
    example: 5
  order

jgrizzled

Analogy:
A client is like a restaurant customer making requests to a waiter (server). The customer (client) asks for specific things and the waiter (server) responds with a set of those things.
The restaurant itself is also like a server, storing food (files) that a customer wants, and can be looked up in a map (like looking up IP address from DNS).

Drawing:
https://drive.google.com/file/d/1WMld9c7CxnOJUsFgQps_gve0HLpXuhzv/view?usp=sharing

jgrizzled

Mockup (using Sketch app)

Mobile:
https://drive.google.com/file/d/1JKxdLWplDcmMaFSh7mGxn3IkHuXJon5P/view?usp=sharing

Desktop:
https://drive.google.com/file/d/1EEstVUuOFhN6CU2neBjIrlGTO5pFO14d/view?usp=sharing

jgrizzled

Headline: 
Hi, I'm Justin
Full stack web developer and blockchain enthusiast in Phoenix, AZ

Projects:
 - Blockchain Quiz App
    This browser-based quiz app tests your knowledge on blockchain fundamentals. It utilizes HTML5, CSS3, and jQuery to generate a responsive single-page web app for both mobile and desktop.
    Github Repo: https://github.com/jgrizzled/blockchain-quiz-app
    Live demo: https://jgrizzled.github.io/blockchain-quiz-app/

jgrizzled

Live site: https://jgrizzled.github.io/blockchain-quiz-app/
Github: https://github.com/jgrizzled/blockchain-quiz-app