Utkarsh Bhatt utkarshbhatt12

🎯

Focusing

Naming variables is 😖

utkarshbhatt12 / drawNote.js

Created March 18, 2018 14:00


	/**
	* Takes in a doc ref and displays a note by reading its title,
	* body and timestap in the viewport
	* @param {object} doc firestore document reference
	*/
	const drawNote = (doc) => {

	let title, body, timestamp, id, data, hr, h2, h6, p, aDelete, aEdit;

utkarshbhatt12 / view notes event listener.js

Created March 18, 2018 13:16

	noteViewButton.addEventListener('click', () => {

	statusSpan.innerText = 'getting docs from Firestore...';

	// hide the fields
	inputDiv.style.display = 'none';

	let p;

	notesRef.get()

utkarshbhatt12 / saveNote.js

Created March 18, 2018 13:15

	/**
	* Writes the note to the firestore database creating a document
	* inside the 'notes' collection
	* @param {object} note object containing the note title, body and the event timestamp
	*/
	const saveNote = (note) => {
	notesRef.doc().set(note)
	.then(()=> {
	// updates the status after the note is created in the firestore
	statusSpan.innerText = 'note created';

utkarshbhatt12 / notes-app-save.js

Created March 18, 2018 13:09

	// execution starts here when user clicks the 'save' button

	noteSaveButton.addEventListener('click', (evt) => {
	statusSpan.innerText='working...';

	// get values from text fields
	consttitle = noteTitleInput.value.trim();
	constbody = noteBodyTexArea.value.trim();

	// won't store notes without a title

utkarshbhatt12 / notes-app-init.js

Last active March 18, 2018 13:13

	// reference to an instance of Firebase Firestore
	const db = firebase.firestore();

	// a reference to the notes collection inside the default firestore database
	// this is the collection where each note will be stored as a unique document
	const notesRef = db.collection('notes');

utkarshbhatt12 / firebase config.js

Created March 18, 2018 13:07

	const config = {
	apiKey: "",
	authDomain: "",
	databaseURL: "",
	projectId: "",
	storageBucket: "",
	messagingSenderId: "",
	};
	firebase.initializeApp(config);

utkarshbhatt12 / notes-app-script.html

Last active March 18, 2018 13:14

	<!-- firebase imports -->
	<script src="https://www.gstatic.com/firebasejs/4.10.0/firebase.js"></script>
	<script src="https://www.gstatic.com/firebasejs/4.10.0/firebase-firestore.js"></script>

	<!-- Firebase init -->
	<script src="./js/firebase/__init.js"></script>
	<script src="./js/firebase/crud.js"></script>

	<!-- custom js -->
	<script src="./js/main.js"></script>

utkarshbhatt12 / notes-app-dynamic-div.html

Last active March 18, 2018 13:14

	<div id="view-notes-div">
	<button id="note-view-button" class="button button-outline" type="submit">VIEW NOTES</button>
	<div id="display-notes-div">
	<hr>
	</div>
	</div>

utkarshbhatt12 / notes-app-form.html

Last active March 18, 2018 13:14

	<div id="inputs-div">
	<form>
	<fieldset>
	<input id="note-title-input" type="text" placeholder="note title" maxlength="100" required autofocus>
	<textarea rows="8" id="note-body-textarea" type="text" placeholder="note body" required></textarea>
	</fieldset>
	<button id="note-save-button" class="button button-outline" type="submit">SAVE</button>
	</form>
	</div>

utkarshbhatt12 / notes-app-header.html

Last active March 18, 2018 13:14