Data visualization/Interactive media and full-stack data science web app developer.
firebase = require.alias({
"@firebase/app": "https://www.gstatic.com/firebasejs/7.8.0/firebase-app.js",
"@firebase/auth": "https://www.gstatic.com/firebasejs/7.8.0/firebase-auth.js",
"@firebase/database":
"https://www.gstatic.com/firebasejs/7.8.0/firebase-database.js",
"@firebase/storage":
"https://www.gstatic.com/firebasejs/7.8.0/firebase-storage.js"
})("@firebase/app", "@firebase/auth", "@firebase/database", "@firebase/storage")
app = {
let a = firebase.initializeApp(firebaseConfig);
invalidation.then(() => {
//Delete the app when invalidating the observable cell
a.delete();
});
return a;
}
viewof login = {
var dom = html`<button>Login`;
dom.onclick = () => {
console.log('log in');
firebase
.auth(app)
.signInWithEmailAndPassword(user_name, password)
.catch(function(error) {
// Handle Errors here.
var errorCode = error.code;
var errorMessage = error.message;
// ...
});
};
return dom;
}
viewof signout = {
var dom = html`<button>Sign out`;
dom.onclick = () => {
console.log('sign out');
firebase
.auth()
.signOut()
.then(function() {
// Sign-out successful.
})
.catch(function(error) {
// An error happened.
});
};
return dom;
}
database = firebase.database(app)
/*
database
.ref('observable')
.push()
.set({
ua: navigator.userAgent,
time: new Date().toString()
})
*/
viewof file = html`<input type='file' accept='text/plain' >`
upload = firebase
.storage()
.ref()
.child(file.name)
.put(file, {
contentType: file.type
})
upload.ref.getDownloadURL().then(url => url)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
