Complete Frontend Web Development with React JS and Cursor AI

+ Welcome 4 lectures Preview

Frontend App UI Kit with React JS and Daisy UI Locked

01 Tools You'll Learn - Tailwind CSS, Daisy UI, Cursor AI Locked

02 Prerequisites - HTML, CSS, JS, Command Line, NPM, React Locked

03 How to Run Course Project Files Locked

+ 01 Build a Simple Hello World Page with Tailwind CSS, React and Cursor AI 2 lectures

01 Build a React homepage with Tailwind CSS and Cursor AI Locked

Resources Locked

+ 02 Build Product Pages with Tailwind CSS, React and Cursor AI 5 lectures

01 Build a Product Finder with Tailwind CSS, React and Cursor AI Locked

02 Build a Product Details Component with Tailwind CSS, React and Cursor AI Locked

03 Open and Close Details in Products Display Locked

04 Resize card to display product details Locked

Resources Locked

+ 03 Build a navigation menu with Tailwind CSS, React and Cursor AI 2 lectures

01 Build a navigation menu with Tailwind CSS, React and Cursor AI Locked

Resources Locked

+ 04 Build a Shopping Cart with Tailwind CSS, React and Cursor AI 9 lectures

01 Build a Shopping Cart React JS Component Locked

02 Build reusable Product component Locked

03 Build BUY button Locked

04 Add products from store to cart Locked

05 Display quantity of selected product Locked

06 Remove BUY button from cart Locked

07 Display PRODUCT ADDED TO CART message Locked

08 Hide BUY button upon purchase Locked

Resources Locked

+ 05 Implement Tailwind CSS Faster with Daisy UI 2 lectures

01 Implement Daisy UI Locked

Resources Locked

+ 06 Build checkout and thank you pages with React and Daisy UI 6 lectures

01 Display checkout Locked

02 Build checkout component with React and Daisy UI Locked

03 Build thank you page with React and Daisy UI Locked

04 Empty cart after purchase Locked

05 Continue shopping after checkout Locked

Resources Locked

+ 07 Build Signup or Login page with React and Daisy UI 4 lectures

01 Build Signup or Login page with React and Daisy UI Locked

02 Combine signup and login in one form for smooth UX Locked

03 Show logged in user in navigation menu Locked

Resources Locked

+ 08 Track and Manage Purchases with an Intuitive Order History Page 3 lectures

01 Save order to account history with React Locked

02 Build account order history component with Daisy UI Locked

Resources Locked

+ 09 Design Mobile Responsivity with Daisy UI 5 lectures

01 Build responsive mobile navigation menu Locked

02 Build responsive Cart component with Daisy UI Locked

03 Build responsive Checkout component with Daisy UI Locked

04 Fit app contents without scrollbars Locked

Resources Locked

+ 10 Build a Blog and Elevate Your Website SEO 4 lectures

01 Build a blog component in React with Daisy UI Locked

02 Build blog post content and URLs Locked

03 Navigate to blog post details Locked

Resources Locked

+ 11 Build an Interactive Map to Showcase Store Locations 3 lectures

01 Build map React component with Daisy UI Locked

02 Build store locator on map with React and Daisy UI Locked

Resources Locked

+ 12 Unlock a Steady Stream of Paying Members for Your App 6 lectures

01 Build member signup React JS Daisy UI component Locked

02 Send to order confirmation page Locked

03 Hide promotion if user is already member Locked

04 Enable cancel membership Locked

05 See changes without refreshing page Locked

Resources Locked

+ 13 Build User Pages and Account Functionality 6 lectures

01 Build user settings page with React JS and Daisy UI Locked

02 Build sub navigation menu with React JS and Daisy UI Locked

03 Enable logout from user settings Locked

04 Build logout functionality Locked

05 Hide sub navigation menu after navigation Locked

Resource Locked

+ 14 Elevate Your Product Finder with Detailed Search Filters 4 lectures

01 Build search filters with Daisy UI Locked

02 Build reusable search filter React component Locked

03 Update selection choice instantly Locked

Resource Locked

+ 15 Improve Product Filter and Search Experience 4 lectures

01 Build a sidebar filter with Daisy UI Locked

02 Create a State Object for Filters Locked

03 Fix input losing focus in React Locked

Resource Locked

+ 16 Build Engaging Visual Filter Types 5 lectures

01 Build a range slider search filter with Daisy UI Locked

02 Build checkbox search filter with React JS Locked

03 Fix component remount on selection change Locked

04 Enable de-select checkbox in React JS Locked

Resource Locked

+ 17 Build Products to Match Your Filter System 4 lectures

01 Build dummy products to match filters Locked

02 Update display with filtered products Locked

03 Fix min and max price range filter in React JS Locked

Resource Locked

+ 18 Your Roadmap to Mastery and Beyond 2 lectures

01 Where to Go from Here Locked

Resources Locked