Zen mode, Hot keys, and circle progress bar in vue.js

IndyDevDan ยท Beginner ยท๐Ÿ’ป AI-Assisted Coding ยท3y ago
โณ See every feature before itโ€™s released โ†’ https://timeva.app Coding zen mode, hot keys and circle progress bar for TIMEVA in vue.js and electron. ๐Ÿ“• My story Hey coders. I'm Dan Isler, an indie developer from Murderapolis, Minnesota. I've been coding for 10+ years now and after grinding out code for tech companies I decided I wanted to prove to myself that I could build valuable software on my own terms. I quickly learned coding is only a third of the story. I'm learning to put together the remaining pieces in order to become a true indie developer. From May 1st to June 1st 2022 I set oโ€ฆ
Watch on YouTube โ†— (saves to browser)

Playlist

Uploads from IndyDevDan ยท IndyDevDan ยท 5 of 60

1 Senior developer codes ENTIRE electron app in 30 days (not for beginners)
Senior developer codes ENTIRE electron app in 30 days (not for beginners)
IndyDevDan
2 How I code custom components with vue.js, electron and GitHub Copilot (ASMR)
How I code custom components with vue.js, electron and GitHub Copilot (ASMR)
IndyDevDan
3 Coding a progress bar using vue.js, progressbar.js, pinia, and electron
Coding a progress bar using vue.js, progressbar.js, pinia, and electron
IndyDevDan
4 Vue + Electron settings menu and switch component wrapper (GitHub Copilot FTW)
Vue + Electron settings menu and switch component wrapper (GitHub Copilot FTW)
IndyDevDan
โ–ถ Zen mode, Hot keys, and circle progress bar in vue.js
Zen mode, Hot keys, and circle progress bar in vue.js
IndyDevDan
6 Coding picker components in vue.js for TIMEVA customizability.
Coding picker components in vue.js for TIMEVA customizability.
IndyDevDan
7 Coding a micro mode progress bar in vue.js on the balcony like a proper digital nomad.
Coding a micro mode progress bar in vue.js on the balcony like a proper digital nomad.
IndyDevDan
8 How to use dynamic css variables to create custom color themes for Timeva.
How to use dynamic css variables to create custom color themes for Timeva.
IndyDevDan
9 Building a minimal account page for my electron + vue.js app
Building a minimal account page for my electron + vue.js app
IndyDevDan
10 This is the final devlog
This is the final devlog
IndyDevDan
11 How to build and launch your next app in 30 days
How to build and launch your next app in 30 days
IndyDevDan
12 Learn Pinia in 10 MINUTES (Vue.js 3)
Learn Pinia in 10 MINUTES (Vue.js 3)
IndyDevDan
13 Learn Tailwind CSS by making a Cheatsheet | (30 Key CSS Properties)
Learn Tailwind CSS by making a Cheatsheet | (30 Key CSS Properties)
IndyDevDan
14 GitHub Copilot being hella useful when coding Electron + Vue.js app
GitHub Copilot being hella useful when coding Electron + Vue.js app
IndyDevDan
15 Vue Animations in 3 Lines of Code. (VueUse Motion)
Vue Animations in 3 Lines of Code. (VueUse Motion)
IndyDevDan
16 How to use VCCode Macros for Insane Developer Productivity (5x, 10x, 25x, 100x gains)
How to use VCCode Macros for Insane Developer Productivity (5x, 10x, 25x, 100x gains)
IndyDevDan
17 Is It Hype? Senior Engineer Learns GraphQL, Rages and Complains About Docs (RAW TAKE - Part 1)
Is It Hype? Senior Engineer Learns GraphQL, Rages and Complains About Docs (RAW TAKE - Part 1)
IndyDevDan
18 Is it Hype? Learn GraphQL by building an Express + GraphQL App (Part 2)
Is it Hype? Learn GraphQL by building an Express + GraphQL App (Part 2)
IndyDevDan
19 So you have an idea for an app. What's next? (3 Actions You Can Take Now)
So you have an idea for an app. What's next? (3 Actions You Can Take Now)
IndyDevDan
20 Coding Vue.js Components, Hooks, and Pinia State for Timeva v2
Coding Vue.js Components, Hooks, and Pinia State for Timeva v2
IndyDevDan
21 Coding Pomodoro Chaining (Vue.js, Electron, Pinia)
Coding Pomodoro Chaining (Vue.js, Electron, Pinia)
IndyDevDan
22 Programming Pomodoro Chaining PART 2 (Vue 3 Hooks Have Changed Me)
Programming Pomodoro Chaining PART 2 (Vue 3 Hooks Have Changed Me)
IndyDevDan
23 Chill Vue.js 3 Coding (Pom Chaining Part 3)
Chill Vue.js 3 Coding (Pom Chaining Part 3)
IndyDevDan
24 Senior Engineer Codes New App Feature With Vue.js, Copilot, Electron and TS.
Senior Engineer Codes New App Feature With Vue.js, Copilot, Electron and TS.
IndyDevDan
25 Is It Hype? Github Copilot (The Future of Programming)
Is It Hype? Github Copilot (The Future of Programming)
IndyDevDan
26 Achieving Balance as Engineers who want more from life (Raw Discussion)
Achieving Balance as Engineers who want more from life (Raw Discussion)
IndyDevDan
27 Indie Hackers Most Important Resource: RUNWAY
Indie Hackers Most Important Resource: RUNWAY
IndyDevDan
28 Timeva V2 - Customizable Productivity Timer For The Digital Age
Timeva V2 - Customizable Productivity Timer For The Digital Age
IndyDevDan
29 Notion API In 5 Minutes: Authentication (Python)
Notion API In 5 Minutes: Authentication (Python)
IndyDevDan
30 Notion API in 5 Minutes: Write (Python)
Notion API in 5 Minutes: Write (Python)
IndyDevDan
31 Notion API in 5 Minutes: Read (Python | Copilot)
Notion API in 5 Minutes: Read (Python | Copilot)
IndyDevDan
32 The AI Wave: 3 Years 3 Predictions 3 Actions (ChatGPT will be a Joke)
The AI Wave: 3 Years 3 Predictions 3 Actions (ChatGPT will be a Joke)
IndyDevDan
33 Notion API in 5 Minutes: How to Read Notion Databases in Python
Notion API in 5 Minutes: How to Read Notion Databases in Python
IndyDevDan
34 Notion API In 5 Minutes - Database Write (Add new rows in Python)
Notion API In 5 Minutes - Database Write (Add new rows in Python)
IndyDevDan
35 Automate Everything: Using The Notion API to automate tweets. Letโ€™s Code
Automate Everything: Using The Notion API to automate tweets. Letโ€™s Code
IndyDevDan
36 Going Serverless: Using Vercel Functions for our Notion Twitter App
Going Serverless: Using Vercel Functions for our Notion Twitter App
IndyDevDan
37 Serverless Cron Jobs: Automatically Run Your Serverless Functions With QStash And Vercel
Serverless Cron Jobs: Automatically Run Your Serverless Functions With QStash And Vercel
IndyDevDan
38 Letโ€™s Break The Internet: ChatGPT API + Notion Infinite Tweet Generator
Letโ€™s Break The Internet: ChatGPT API + Notion Infinite Tweet Generator
IndyDevDan
39 Survive the AI age: Managing AI generated content with Notion, Python, Vercel, and Cron.
Survive the AI age: Managing AI generated content with Notion, Python, Vercel, and Cron.
IndyDevDan
40 The AI Engineer: The Future of Programming
The AI Engineer: The Future of Programming
IndyDevDan
41 Master Disruption: How Top AI Engineers Will Dominate the GPT-X Era
Master Disruption: How Top AI Engineers Will Dominate the GPT-X Era
IndyDevDan
42 FFmpeg, GPT-4 & WhisperX: Convert Horizontal Videos to Vertical (97% AI)
FFmpeg, GPT-4 & WhisperX: Convert Horizontal Videos to Vertical (97% AI)
IndyDevDan
43 Why Use LangChain? A Blunt Overview for Advanced Engineers
Why Use LangChain? A Blunt Overview for Advanced Engineers
IndyDevDan
44 Nuxt + Vercel KV: Coding an AI Agent Network MVP (flow state devLog)
Nuxt + Vercel KV: Coding an AI Agent Network MVP (flow state devLog)
IndyDevDan
45 Build VueJS Components While You Sleep: First LLM Agent Network (V2)
Build VueJS Components While You Sleep: First LLM Agent Network (V2)
IndyDevDan
46 My Top 6 Modern Vue.js VSCode Snippets
My Top 6 Modern Vue.js VSCode Snippets
IndyDevDan
47 useComposable - Vue.js Composable Generator (GCP + Serverless + LLM)
useComposable - Vue.js Composable Generator (GCP + Serverless + LLM)
IndyDevDan
48 Let's Get Fired: Using AI Coding Assistant AIDER to do my Engineering Job
Let's Get Fired: Using AI Coding Assistant AIDER to do my Engineering Job
IndyDevDan
49 Writing code without coding - Browser TTS with AIDER (ASMR DEVLOG)
Writing code without coding - Browser TTS with AIDER (ASMR DEVLOG)
IndyDevDan
50 Learn Anything With AI: HTMX - FLASK - AIDER (asmr devlog)
Learn Anything With AI: HTMX - FLASK - AIDER (asmr devlog)
IndyDevDan
51 Advanced Prompt Engineering Techniques for FRONT-END Engineers
Advanced Prompt Engineering Techniques for FRONT-END Engineers
IndyDevDan
52 I'm DONE writing tests - using AI copilot AIDER to AUTOMATE testing.
I'm DONE writing tests - using AI copilot AIDER to AUTOMATE testing.
IndyDevDan
53 pip install YOUR-PACKAGE: Building your first python with Poetry, AIDER, and ChatGPT
pip install YOUR-PACKAGE: Building your first python with Poetry, AIDER, and ChatGPT
IndyDevDan
54 Git + AI = DIFFBRO: AI Coding the future of code reviews (python, aider, gpt-4)
Git + AI = DIFFBRO: AI Coding the future of code reviews (python, aider, gpt-4)
IndyDevDan
55 AI Devlog: Coding an AI powered, Code Review, CLI tool | Python, Aider,  ChatGPT
AI Devlog: Coding an AI powered, Code Review, CLI tool | Python, Aider, ChatGPT
IndyDevDan
56 Introducing DIFFBRO - Your AI powered PEER REVIEWS in one command
Introducing DIFFBRO - Your AI powered PEER REVIEWS in one command
IndyDevDan
57 ONE Word Prompts - 3 INSTANTLY useful Prompt Engineering Techniques
ONE Word Prompts - 3 INSTANTLY useful Prompt Engineering Techniques
IndyDevDan
58 The Javascript Ecosystem Killer: Using Bun, to Learn Bun (with AIDER)
The Javascript Ecosystem Killer: Using Bun, to Learn Bun (with AIDER)
IndyDevDan
59 "With this prompt, I learned Pytest in 12 minutes" - Learn ANYTHING with LLMs
"With this prompt, I learned Pytest in 12 minutes" - Learn ANYTHING with LLMs
IndyDevDan
60 Prompt Engineering an ENTIRE codebase: Postgres Data Analytics AI Agent
Prompt Engineering an ENTIRE codebase: Postgres Data Analytics AI Agent
IndyDevDan
This is the EASIEST way to make a website!
Next Up
This is the EASIEST way to make a website!
Tech With Tim