Урок 1.00:04:37
Tools Used / Needed for Our App
Урок 2.00:01:23
Short Path versus the Long(er) Path in the Course
Урок 3.00:03:19
Git Clone Repo, Install Dependencies, Scaffold React App
Урок 4.00:03:19
Create Components, Routing for Project
Урок 5.00:01:12
Hot Module Loading with create-react-app (Optional)
Урок 6.00:06:31
Gestalt Setup and Navbar Component
Урок 7.00:01:55
Add Base CSS Rules and Apply Class to Active NavLink (Optional)
Урок 8.00:05:56
(Updated) Setup MongoDB Atlas Database, Install Strapi CLI, Create Strapi Server
Урок 9.00:02:27
Brief Look at Strapi CLI (Optional)
Урок 10.00:02:16
Start the Strapi Server, Create Root Admin for CMS
Урок 11.00:05:31
Overview of Strapi Admin Panel (Optional)
Урок 12.00:04:51
Add Brand Content Type with Content Type Builder, Add First Brand
Урок 13.00:01:18
Install GraphQL Plugin, Visit GraphQL Playground
Урок 14.00:05:16
Query Brand by Id in GraphQL Playground, Give Permission to All Users (Optional)
Урок 15.00:02:59
Query Multiple Brands with GraphQL, Change Permissions Again
Урок 16.00:02:22
Run Client Script with Server, Add Markup for Brands Section
Урок 17.00:04:15
Connecting React with GraphQL using Strapi SDK, Fetch Data from Client
Урок 18.00:02:37
Catch async / await Errors with try / catch, Put Brand Data in Local State
Урок 19.00:05:35
Display Brands on Home Page, Create Brand Card Component
Урок 20.00:01:45
Add Flex Wrap to Brand Cards for Responsive Design, More Styles (Optional)
Урок 21.00:05:08
Add SearchField Component to Search Brands (Optional)
Урок 22.00:03:48
Client-Side Search with .filter() (Optional)
Урок 23.00:05:39
Add Loading State for Brand Data, Create Loader Component (Optional)
Урок 24.00:02:23
Add Brew Content Type
Урок 25.00:04:21
Seed Brew Data
Урок 26.00:03:17
Query Brew / Brews, Change Permission for Public / Auth Users
Урок 27.00:02:29
Query Brand by Id to Get Associated Brews
Урок 28.00:05:40
Request Brews by Brand Id in Brews Component
Урок 29.00:06:02
Add Markup to Display Brews
Урок 30.00:04:40
Add Cart Markup in Brews Component
Урок 31.00:05:04
Create Function to Add Items to Cart
Урок 32.00:03:59
Create Function to Delete Item from Cart, Calculate Cart Total
Урок 33.00:03:19
Persist Cart to LocalStorage
Урок 34.00:05:13
Create Sign Up Form
Урок 35.00:02:23
Add Form Validation to Sign Up (Optional)
Урок 36.00:05:08
Create Toast Message Component to Show Upon Validation Error (Optional)
Урок 37.00:06:24
Register User, Store JWT in LocalStorage
Урок 38.00:03:54
Change Navbar Upon Sign Up
Урок 39.00:03:52
Sign Out User
Урок 40.00:01:56
Create Sign In Markup / Functionality
Урок 41.00:02:36
Make Checkout a Private Route (Optional)
Урок 42.00:05:35
Add Markup for Checkout Form
Урок 43.00:05:52
Add Cart to Checkout, Show Default Text if Cart Empty
Урок 44.00:07:01
Add Confirmation Modal to Order on Submit
Урок 45.00:01:08
Sign Up for Stripe and Get API Keys
Урок 46.00:04:11
Add Stripe to Checkout Page
Урок 47.00:06:00
Create Orders Content Type, Add Create Function in Controllers
Урок 48.00:08:26
Submit Order to Database, Send / Process Payment with Stripe
Урок 49.00:03:18
Set up SendGrid, Give API Key to Strapi (Optional)
Урок 50.00:09:01
Send Confirmation Email upon Checkout (Optional)
Урок 51.00:07:47
Search with GraphQL and where / field_contains (Optional)
Урок 52.00:07:18
Make App Fully Mobile-Compatible (Optional)