Fredric Cliver fredriccliver

🧭

To the north

Code for users, not engineering aesthetics. Proper product iteration demands turning the code on its head.

fredriccliver / index.html

Last active August 23, 2020 08:48

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<link
	rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
	/>

fredriccliver / index.js

Created August 23, 2020 08:49

	var firebaseConfig = {
	// ...
	}

	// Initialize Firebase
	firebase.initializeApp(firebaseConfig)
	const db = firebase.firestore()

	// adding function (UI)
	const list = document.querySelector("ul")

fredriccliver / firebase.json

Created September 3, 2020 16:59

fredriccliver / firebase.json

Created September 3, 2020 17:01

fredriccliver / firebase.json

Created September 6, 2020 17:09

fredriccliver / index.js

Created September 6, 2020 17:10

	const functions = require("firebase-functions")

	exports.retrieve = functions.https.onCall((req, res) => {
	// Response.send("This is Data")
	return "This is data"
	})

fredriccliver / index.html

Created September 6, 2020 17:13

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>Welcome to Firebase Hosting</title>

	<!-- update the version number as needed -->
	<script defer src="/__/firebase/7.19.1/firebase-app.js"></script>
	<!-- include only the Firebase features as you need -->

fredriccliver / index.js

Last active September 7, 2020 04:07

	let functions = firebase.functions()

	functions.useFunctionsEmulator('http://localhost:5001')

	let btn = document.querySelector("#btn-get-data")
	let label = document.querySelector("#label")
	let retrieveData = functions.httpsCallable("retrieve")

	btn.addEventListener("click", (e) => {
	retrieveData()

fredriccliver / index.js

Created September 10, 2020 08:30

	const functions = require("firebase-functions")
	const express = require("express")
	const app = express()

	// my routings
	const apiRoute = require("./api")

	// add routes to the express app.
	app.use("/api", apiRoute)

fredriccliver / api.js

Created September 10, 2020 08:35


	const router = require("express").Router()

	router.get("/api/user/data", (req, res) => {
	res.send(`this is /api/user/data`)
	})

	router.get("/api/data", (req, res) => {
	res.send(`this is /api/data`)
	})