movingobjects / endeavors Goto Github PK
View Code? Open in Web Editor NEWTrack & evaluate how you spend your time
License: MIT License
Track & evaluate how you spend your time
License: MIT License
How rad would it be to ultimately make this a native app? Shouldn't necessarily be that hard.
This Graphcore branding app by Pentagram reminded me how dope these can be.
It looks like Google is rebuilding Firebase's Realtime Database from scratch and calling it Cloud Firestore. It's still in beta, but it looks pretty polished. And it looks better than the old Realtime Database (what we just started using).
Some highlights:
They show an example of subcollections:
var messageRef = db.collection('rooms').doc('roomA')
.collection('messages').doc('message1');
Seems relevant to our category/values nesting:
var valueRef = db.collection('categories').doc('categoryKey1')
.collection('values').doc('valueKey1');
Though I guess it'd be more like:
const categoriesRef = db.collection('categories');
categoriesRef.forEach((categoryDoc) => {
const category = categoryDoc.data(); // { label }
const categoryRef = categoriesRef.doc(categoryDoc.id)
const categoryValuesRef = categoryRef.collection('values')
categoryValuesRef.forEach((valueDoc) => {
const value = valueDoc.data(); // { label }
});
});
And activities could have their "links":
const activitiesRef = db.collection('activities')
activitiesRef.forEach((activityDoc) => {
const activity = activityDoc.data(); // { label }
const activityRef = activitiesRef.doc(activityDoc.id);
const valueLinksRef = activityRef.collection('valueLinks');
valueLinksRef.forEach((valueLinkDoc) => {
const valueLink = valueLinkDoc.data(); // { valueId, weight }
});
});
Hmm actually now that I write that all out I'm not sure how much better it is
This might be a fun next step / good for another pairing day: swapping out all the table cells for input elements, so (similar to the original spreadsheet) users can live-update values
Would also give us a chance to ease into state:
Redux looks worthwhile to learn to me, even if not totally necessary for this app
Currently, signInWithPopup is a little janky. We have no control over the popup properties (e.g., it's a frameless window, which is weird).
We may want to handle sign-in flow manually.
Just noticed the bundle.js and bundle.js.map items updating in my last small commit, and not sure how to deal with these
It seems there are many options, whole section just on React-style styling here:
https://survivejs.com/react/advanced-techniques/styling-react/
Aren't people using RequireJS? Does Webpack remove the need for Require? Halp!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.