Ebuka Umeh Charpell

## gist:762638d609f4289f8b21cfc500e7f382
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <!--
      manifest.json provides metadata used when your web app is added to the
      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
    -->

## gist:f752578949e7ca6d85dde472c7238c77
import React, { Component } from 'react';
import axios from 'axios';
import './App.css';

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      buyItems: [],

## gist:86cf76bce437b4339e0277812a0512ec
const functions = require("firebase-functions");
const cors = require('cors')({ origin: true });
const admin = require('firebase-admin');

admin.initializeApp();

const database = admin.database().ref('/items');

exports.helloWorld = functions.https.onRequest((request, response) => {
  response.send("Hello from a Severless Database!");

## gist:158592f063224be9ba6ef9bdd752305e
  constructor(props) {
    super(props);

    this.state = {
      buyItems: [],
      message: '',
    }

## gist:0fc76ba9566f215d80922f0877dc9a4d
  addItem(event) {
    event.preventDefault()
    const { buyItems } = this.state;
    const newItem = this.newItem.value;

    const isOnTheList = buyItems.includes(newItem)

    if (isOnTheList) {
      this.setState({
        message: 'This item is already on the list'

## gist:0bc1d99b64169a8fd68fbabbfb2c0b0b
  componentDidMount() {
    return axios.get('https://us-central1-shop-list-b60aa.cloudfunctions.net/getItems').then((response) => {
      this.setState({
        buyItems: response.data
      })
    })
  }

## gist:856a89cf1168f9e206a7890293e8d6cb
  removeItem(item){
    const newBuyItems = this.state.buyItems.filter(buyItems => {
      return item !== buyItems
    })

    return axios.delete(`https://us-central1-shop-list-b60aa.cloudfunctions.net/deleteItem?id=${item.id}`).then((response) => {
      this.setState({
        buyItems: response.data
      })
    })

## gist:7e8dc82ed822827a13e30effd0e153de
exports.getItems = functions.https.onRequest((req, res) => {
  return cors(req, res, () => {
    if(req.method !== 'GET') {
      return res.status(404).json({
        message: 'Not allowed'
      })
    }

    let items = [];

## gist:dcbc43f7c34fbb03ffdc0237a1df165d
const functions = require("firebase-functions");
const cors = require('cors')({ origin: true });
const admin = require('firebase-admin');

admin.initializeApp();

const database = admin.database().ref('/items');

exports.helloWorld = functions.https.onRequest((request, response) => {
  response.send("Hello from a Severless Database!");

## gist:0aac65235ed44ce74ecb5bd56c5e2865
const functions = require("firebase-functions");
const cors = require('cors')({ origin: true });
const admin = require('firebase-admin');

admin.initializeApp();

const database = admin.database().ref('/items');

exports.helloWorld = functions.https.onRequest((request, response) => {
  response.send("Hello from a Severless Database!");
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="theme-color" content="#000000">
	<!--
	manifest.json provides metadata used when your web app is added to the
	homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
	-->
	import React, { Component } from 'react';
	import axios from 'axios';
	import './App.css';

	class App extends Component {
	constructor(props) {
	super(props);

	this.state = {
	buyItems: [],
	const functions = require("firebase-functions");
	const cors = require('cors')({ origin: true });
	const admin = require('firebase-admin');

	admin.initializeApp();

	const database = admin.database().ref('/items');

	exports.helloWorld = functions.https.onRequest((request, response) => {
	response.send("Hello from a Severless Database!");
	addItem(event) {
	event.preventDefault()
	const { buyItems } = this.state;
	const newItem = this.newItem.value;

	const isOnTheList = buyItems.includes(newItem)

	if (isOnTheList) {
	this.setState({
	message: 'This item is already on the list'
	componentDidMount() {
	return axios.get('https://us-central1-shop-list-b60aa.cloudfunctions.net/getItems').then((response) => {
	this.setState({
	buyItems: response.data
	})
	})
	}
	removeItem(item){
	const newBuyItems = this.state.buyItems.filter(buyItems => {
	return item !== buyItems
	})

	return axios.delete(`https://us-central1-shop-list-b60aa.cloudfunctions.net/deleteItem?id=${item.id}`).then((response) => {
	this.setState({
	buyItems: response.data
	})
	})
	exports.getItems = functions.https.onRequest((req, res) => {
	return cors(req, res, () => {
	if(req.method !== 'GET') {
	return res.status(404).json({
	message: 'Not allowed'
	})
	}

	let items = [];