Step 1: Google Cloud console settings Link: https://console.cloud.google.com/apis/credentials? You need to have google cloud project. Then go to Clients → OAuth 2.0 Client IDs Add the supabase project url to the origins and redirect urls <PROJECT_ID>.supabase.co Now you have to take note these 2 keys: GOOGLE_CLIENT_ID, GOOGLE_CLIENT_SECRET These keys gonna be used in the next step. Step 2: Supabase Auth settings Go to Authentication → Sign in / Provider. In the Auth Providers list, enable Google Then click to the Google to setup....

I usually deploy my FE with Netlify. I also usually using Quasar for my FE. Deploy with Netlify is very straightforward. But sometime I forgot it. Just need to setup build command and publish folder then you’re done. This post is imported from: https://thebrownbox.hashnode.dev/just-a-note-when-deploy-quasar-with-netlify

It’s like a North Star; it helps you find your way when you’re lost. The core values of a company are a good example, and you can use them to create your own core values. After all these years, I’ve realized that having your own core values is really important. They help you understand what matters to you and make decision-making easier. I keep my company’s core values here to remind me from time to time....

If you like me you constantly using 1080 resolution because 2K some part of the screen seems to be too small and not all app can scale and fit my eyes. The biggest issue when using 1080 in 2K monitor is that Mac OS still display like shitty screen for 1080. That’s why BetterDisplay comes in. It help you display like 1080 size screen but with 2K resolution. Link: https://github.com/waydabber/BetterDisplay...

I want to set a timer looks like below. So I have set it up like below. Data type: TimeData.ts export class TimeData { hours: number = 0; minutes: number = 0; seconds: number = 0; } Set up the property as a model in the child component: SettingTime.vue <template> <div class="q-pa-md"> <q-card-section class="row q-gutter-md"> <q-select class="my-select" v-model="model.hours" label="Hours" :options="hoursOptions" emit-value map-options /> <q-select class="my-select" v-model="model.minutes" label="Minutes" :options="minutesOptions" emit-value map-options /> <q-select class="my-select" v-model="model....

Setup path to sync between test and code Setup path for source: tsconfig.json Add this setting to the file to use @src instead of src (the real path) "paths": { "@src/*": ["src/*"] }, full content: { "compilerOptions": { "module": "commonjs", "declaration": true, "removeComments": true, "emitDecoratorMetadata": true, "experimentalDecorators": true, "allowSyntheticDefaultImports": true, "target": "ES2021", "sourceMap": true, "outDir": "./dist", "baseUrl": "./", "paths": { "@src/*": ["src/*"] }, "incremental": true, "skipLibCheck": true, "strictNullChecks": false, "noImplicitAny": false, "strictBindCallApply": false, "forceConsistentCasingInFileNames": false, "noFallthroughCasesInSwitch": false } } Setup path for test package....

When you want using same code base for multiple services. Create new json file nest-cli-worker.json in the root folder { "$schema": "https://json.schemastore.org/nest-cli", "collection": "@nestjs/schematics", "sourceRoot": "src", "entryFile": "worker-main", "watchAssets": true, "deleteOutDir": true, "compilerOptions": {} } Build is the same but start command is difference package.json "worker:start:dev": "cp env.local.sh .env && nest start --config nest-cli-worker.json --debug --watch", "worker:start:prod": "node dist/worker-main", Note: [_] Note to using difference port if you want to running multiple services at once...

Dạo gần đây làm việc trực tiếp với sếp nhiều nên sếp dễ nhìn thấy mình hơn nên dễ được tuyên dương hơn! This post is imported from: https://thebrownbox.hashnode.dev/tuyen-duong

Some services are checking the request with cookie to increase the security. So sometime you make a request successful with Postman, but got 403 (or similar error code) when try to request from your server (or a simple CURL request). That because Postman auto detect and add cookie if needed for the request. Using CookieJar will help you do the similar thing: Install npm install axios tough-cookie axios-cookiejar-support Then using a wraper axios to send the request instead....

Create new github repo Create new project folder as normal Proceed add current project to the newly created repo git init git add . git commit -m "Add existing project files to Git" git remote add origin https://github.com/cameronmcnz/example-website.git git push -u -f origin main This post is imported from: https://thebrownbox.hashnode.dev/push-existing-project-to-new-github-repo