Everything Svelte (2023)

This course is designed to teach you everything you need to know to build to a custom full stack web application.

We’ll start from scratch. That’s right, no starter files! We’ll take it one step at a time as we build the frontend and backend. We’ll explore topics like authentication, accepting payments, relational databases, testing, and automatic deployment.

Includes:

MODULE 1
introduction
Introduction 2:22
App Review 2:03
Tooling 8:25
Installing SvelteKit 6:47
Installing Tailwind 9:39
Linting 8:24
Roller SkateLady Bug
MODULE 2
styling
Custom Theme Elements 9:09
Intro to Routes 10:25
Intro to Layouts 11:01
Creating Aliases 7:22
Styling the Dashboard Layout 17:24
Setting up a Current Path Navigation 10:06
Responsive Pass on the Dashboard Layout 31:58
Styling the Invoice List 37:59
Responsive Pass on the Invoice List Page 17:53
Setting up Global Types for TypeScript 13:26
Seed Data and Svelte Stores 17:30
Displaying Invoices Dynamically and Adding the Invoice Total 11:29
Working with Dates and Making Smart Tags 19:52
Additional Options Menu on an Individual Invoice List Row 24:25
Page States for the Invoices Listing Page 17:44
Creating a Portal 9:08
Styling the Confirmation Dialogue Box / Modal 44:48
Styling Slide Out Panel 9:51
Styling the Add an Invoice Form 28:27
Styling the Invoice Line Item 26:05
Adding and Removing Line Items 15:36
Making our Line Items Smart 15:30
Configuring the Subtotal, Discount, and Total Amount 12:11
Styling our Add a Client Inline 10:38
Seeding our Clients 5:36
Invoice Form Validation 9:42
Additional Validation for Clients 3:07
Submitting the Form to Add an Invoice 26:34
Styling the Edit an Invoice Slide Out 18:35
Code Clean Up and Bug Squashing 11:52
Making our Invoice Form Responsive 19:11
Styling the Toaster / Snackbar Component 26:55
Setting up the Pieces for our Individual Invoice Page 17:16
Styling the Individual Invoice Page 16:27
Making the Individual Invoice Page Content Dynamic 16:48
Updating our Settings for the Individual Invoice Page 8:32
Parsing Markdown on our Individual Invoice page 3:09
Setting up the Print Invoice Functionality 1:12
Setting up the Copy Link Button 5:55
Responsive Pass on the Individual Invoice Page 5:57
Setting up a Print Stylesheet 8:59
Thanks for Paying Page 4:30
Styling the Error Page 8:12
Styling the Client List Page 25:07
Adjusting the Client List for Mobile 6:14
Determining the Received and Balance for Each Client 9:21
Styling the Blank Client State 2:50
New Client Slide Out Panel 19:07
Edit a Client Slide Out Panel 10:28
Styling the Individual Client Page 19:23
Calculating the Individual Client Page Fields 9:10
Styling the Settings 15:09
Styling the Login 12:16
Styling the Logout / Alert Component 3:18
Styling the Forgot Password / Sign Up Page / Reset Password Pages 9:04
BeePlanet
MODULE 3
transitions & animations
Animating the Search Input field 11:00
Animating the Slide out Panel (New Invoice and New Client) 4:11
Creating a Page Transition to View an Invoice 1:43
MODULE 4
custom actions
Clicking Outside the Additional Options 9:04
Handling the Additional Options Invoices for Mobile 21:30
Styling the Options when the User Swipes 5:58
Handling the Cancel Functionality when the User Swipes 10:47
Additional Options for Mobile (vs Desktop) 6:13
Handling the Additional Options for Client on Mobile 8:42
Handling Touch Screens 8:37
BoomboxCassette Tape
MODULE 5
backend
Up and Running with Supabase 5:27
Environment Variables with Dotenv 5:38
Data Modeling Structures 6:59
Setting up Supabase for Invoices and Line Items 4:03
Setting up Supabase for Clients 1:31
Setting up Supabase for Settings 1:27
Handling Relationships 1:51
Setting up User Relationships with Invoices, Clients, and Settings 3:07
Populating the Database with Data 13:00
MODULE 6
connecting the pieces
Displaying Invoices 10:19
Displaying Clients 11:14
Adding a Client 10:27
Adding an Invoice 14:24
Editing a Client 3:15
Deleting an Invoice 6:57
Deleting a Client 12:56
Search Invoices 14:40
Search Clients 6:34
Star with HeartsStrawberry
MODULE 7
authentication
Handle Sign Up 25:06
Protect Login 6:48
Handling Logout 4:28
Client Side Authentication 7:18
Server Side Authentication 16:25
Handling Forgot Password 10:03
Handling Update Password 13:45
Adding Row Level Security (RLS) Policies 18:37
Individual Client and Individual Page Bug 10:39
Displaying the Settings 10:19
Editing the Settings 33:43
Updating the Password within Settings
MODULE 8
ecommerce with stripe
Setting Up Stripe
Connecting Stripe to the application
Handling Stripe Webhook
Create Stripe Checkout Session/Invoice
MODULE 9
testing
Testing Overview
Automatic Testing with Cypress - Why Cypress?
Installing and Setting up Cypress
Brief Overview of Testing and Cypress
Testing Adding an Invoice
Mocking Data
Testing the Invoices page
Testing the Clients page
Testing the Settings
Testing Stripe
What is Visual Regression Testing / Percy Overview
Setting up Percy
Updating the ReadMe.md
Star with EyesRainbow Cloud
MODULE 10
email
Setting up Send Grid
Setting up the Email Template
Emailing Invoices
MODULE 11
GitHub Actions
Setting up a Github Action to Send Email Reminders
CassetteUnicorn
MODULE 12
Deployment
Deploying to Vercel
Stripe Deployment Setup

also You can find my other helpful Programming-posts
(if old file-links don't show activity, try copy-paste them to the address bar)