This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//For this to work you need useContext | |
import React, {useContext, useState} from 'react' | |
import { useHistory } from "react-router-dom"; | |
import { Form, Col, Button, Row } from 'react-bootstrap'; | |
import firebase from 'firebase' | |
import { UserContext } from '../App' | |
const Signup = () => { | |
const [validated, setValidated] = useState(false); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//For this to work you need to useContext | |
import React, {useContext, useState} from 'react' | |
import { useHistory } from "react-router-dom"; | |
import { Form, Col, Button, Row } from 'react-bootstrap'; | |
import firebase from 'firebase' | |
import { UserContext } from '../App' | |
const Login = () => { | |
const [validated, setValidated] = useState(false); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
After entering into your project in the console | |
yarn test 'name' ex App | |
look at App.test.js | |
expect(name of function).toBeInTheDocument(answer); | |
import { render, screen } from '@testing-library/react'; | |
import App from './App'; | |
import {calcTax, isOfAge} from './helpers' | |
test('check tax calc 1', () => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Allows us to deploy apps in a "container" to run elsewhere | |
If it can run in Docker it will run anywhere | |
Container-package an app with dependancies into a standard unit. | |
Same Envinorment, sanbox projects, it just works | |
Image-templates for creating an evinorment or a "Snapshot" | |
Dockerfile-text file that contains a list of steps to deploy | |
Dockerfile to Image to Container | |
Blueprint to Snapshot to Instance |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
App sends the recording straigt to the Bucket instead of making a call to API | |
Rename before send | |
Bucket will give back a resource ID which will go at the end of the base URL | |
`${Base_URL}${file.name} | |
Then send a request to the API to add that file (url) to the database | |
MVP is getting to the storage |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
From base directory: | |
mkdir 'name' | |
cd into 'name' | |
firebase init with functions and hosting | |
take the defaults | |
cd into functions folder | |
npm i -- save express cors body-parser | |
cd.. | |
code . |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Background adjusts and covers: | |
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://coolbackgrounds.io/images/backgrounds/index/sea-edge-79ab30e2.png); | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
height: auto; | |
position: fixed; | |
left: 0; | |
right: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from root directory: | |
mkdir 'name-app' | |
cd into 'name-app' | |
npm init -y | |
npm install lite-server --save-dev | |
npm install -g typescript -OR- npm install typescript --save-dev | |
npm i | |
npx tsc --init | |
code . |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const path = require('path') | |
const {app, BrowserWindow} = require('electron') | |
const isDev = require('electron-is-dev') | |
function createWindow() { | |
const win = new BrowserWindow({ | |
width: 800, | |
height: 600, | |
webPreferences: { | |
nodeIntegration: true |