In this video, I code the foundation setup process to build a custom CRM using Google Sheets as the backend database, including setting up GitHub and the initial code structure. I also explain the app's high-level goals and provide a step-by-step guide to getting started.
This is a raw, unedited step-by-step development process.
You can find links to the source code here:
github.com/dwainbrowne/trades...
Chapters:
00:00:00 - Introduction and Setting Up GitHub
00:08:00 - Setting Up Tailwind CSS
00:15:58 - Creating Project Pages and Templates
00:20:12 - Configuring Progressive Web App (PWA) Support
00:26:08 - Implementing Vuex Store
00:29:18 - Troubleshooting and Reviewing Setup Progress
00:36:00 - Troubleshooting SSR Configuration
00:41:58 - Refining SSR Configuration
01:10:00 - Solving Template Issue
01:18:00 - Introduction to Edit Screen Setup
01:30:00 - Reviewing Project Setup
01:41:20 - Making Edits to Edit Screen
02:32:00 - Reviewing Solution and Progress
03:51:00 - Recap of Project Setup
04:57:00 - Troubleshooting Tailwind Setup
07:00:00 - Celebrating Tailwind and Basic Knox Setup
08:18:00 - Fixing Tailwind Style Application
09:55:00 - Success with Tailwind Style Implementation
10:57:00 - Reviewing Workflow Setup
13:13:00 - Working on UI Design
14:29:00 - AI Tool Review and Example
17:42:00 - Returning to UI Design and Tailwind Documentation
20:02:00 - Implementing Tailwind CSS
24:15:00 - Debugging Tailwind Configuration
27:57:00 - Confirming Tailwind Style Application
29:14:00 - Implementing Mobile Design
32:40:00 - Debugging Page Routing Issue
33:30:00 - Correcting Page Routing Format
34:36:00 - Resolving Page Routing Issue
36:00:00 - Implementing Conditional Back Button
37:30:00 - Styling Changes for Back Button
38:40:00 - Setting Data Parameters for Edit Page
39:28:00 - Creating Edit Page Field List
40:50:00 - Planning UI Editing Capabilities
41:11:00 - Reviewing Tailwind Implementation and Programming Trends
42:31:00 - Continuing with UI Design Elements
02:49:52 - Troubleshooting Company Data Being Undefined
03:00:04 - Resolving Reactivity and Promises in Setup
03:02:26 - Unmounting and Error Handling
03:03:18 - Troubleshooting Property Reading Issues
03:04:00 - Refreshing and Checking for Errors
03:05:23 - Troubleshooting and Reviewing Code Logic
03:06:30 - Debugging Issues with Selected Company Data
03:07:50 - Debugging Property Reading Errors
03:09:20 - Reviewing and Debugging Null Property Reading Errors
03:10:35 - Troubleshooting Selected Company Data Issues
03:11:24 - Reviewing and Debugging Data Handling
03:12:03 - Checking Functionality with Dummy Data
03:13:04 - Transitioning to Work with API Service
03:15:10 - Generating Random API Routes Using Postman
03:16:25 - Implementing API Services in the Project
03:17:35 - Exploring and Resolving Issues with Service Export
03:18:51 - Troubleshooting Issues with Service Import and Usage
03:20:00 - Resolving Issues with Service Imports and Exports
03:22:43 - Checking Data Retrieval and Manipulation
03:25:15 - Creating a Mock Server in Postman
03:27:27 - Troubleshooting Data Retrieval and API Integration
03:29:51 - Debugging Issues with Data Display and API Calls
03:33:34 - Troubleshooting and Debugging API Services
03:35:36 - Debugging and Resolving Errors with API Service
03:37:14 - Debugging API Service Class Export Errors
03:38:04 - Refreshing and Retesting API Service Integration
03:39:19 - Troubleshooting Data Loading and API Retrieval
03:41:20 - Troubleshooting Company Data Retrieval and Display
03:43:03 - Investigating Property Reading Errors with Company Data
03:44:00 - Resolving Issues with Company Data Visibility
03:45:02 - Troubleshooting Company Data Selection Issues
03:47:00 - Investigating and Fixing Company Data API Calls
03:48:21 - Testing and Debugging API Response Values
03:49:11 - Debugging Data Parsing and Display Issues
03:49:53 - Analyzing and Troubleshooting Response Data
03:50:28 - Investigating and Resolving API Data Issues
03:51:02 - Investigating and Fixing API Call Errors
03:51:28 - Investigating and Resolving Company Data Errors
03:52:06 - Investigating and Resolving Company Data Import Issues
03:53:06 - Analyzing and Resolving Reactive Timing Issues
03:53:58 - Investigating and Resolving Company Data Reactivity
03:54:45 - Investigating and Troubleshooting Company Data Handling
03:56:07 - Investigating and Resolving Company Data Manipulation
03:56:56 - Analyzing and Resolving Company Data Search Issues
03:57:45 - Troubleshooting and Resolving Company Data Retrieval
03:58:32 - Analyzing and Resolving Data Transfer Issues
04:00:03 - Troubleshooting and Resolving Data Share Issues
04:02:14 - Analyzing and Resolving Data Transfer Errors
04:04:40 - Analyzing and Resolving Data Communication Issues
04:06:02 - Reviewing Progress and Planning for Next Steps
04:06:37 - Conclusion and Wrap-Up