Flutter and Django Course

Create a flutter project with Android Studio and VS Code, name the app and organization, migrate starter code, remove junk, import assets and packages, then run the counter app.

Install dependencies and import files to bootstrap a Flutter app, configure pubspec.yaml, environment files, assets, and lib structure, and set up routing with Go Router and entry point.

Set up dev and production environments with flutter dotenv, loading env.development or env.production via k debug or k release, and securing API base URL and keys in main.dart.

Set up test environments using environment variables, exclude keys with .env files via gitignore, create example env files, and initialize a git repository for a Flutter app.

Hook screen utils and go router in flutter to enable design and navigation, using media query to set design size and enable adaptive text for the splash and onboarding flow.

Create a Flutter splash screen for the Flutter and Django course with a dark scaffold background, a decoration image, initialize GetStorage, and route to onboarding or home after 3 seconds.

Read a boolean from local storage to check if it's the user's first time. Route from the splash screen to onboarding, or directly to the home page, using app routes.

Create an onboarding notifier in lib/onboarding/controllers named onboarding_notifier.dart using provider to manage the selected page state (initially 0) with a getter, setter, and notifyListeners, and wire it into main.dart.

Learn how to hook multiple providers in Flutter using ChangeNotifierProvider, context.read, context.watch, and Consumer to manage an onboarding notifier and a selected page.

Create a three-screen onboarding flow in Flutter using a page view and page controller, converting to a stateful widget and updating the onboarding notifier on page changes.

Build a welcome onboarding screen in flutter using a scaffold, white full-screen container, and a get started gradient button that navigates to the home page.

Build an onboarding screen in Flutter with a page view indicator, three dots, and next and back buttons, driven by a page controller and onboarding notifier.

explains building an onboarding flow in flutter, with back and next navigation and a sign in text button that opens login screen; it wires routes to home screen.

Build the app entry point with a bottom navigation bar that switches between home, wish list, cart, and profile pages, including creating views and wiring the page list.

Build a dynamic bottom navigation bar in Flutter using a tab index notifier to manage the current index, handle taps, and update icons and colors for selected and unselected items.

Add a cart count badge on the home page by wrapping a text label in a badge widget, showing nine on both states, with backend integration later.

Create a custom app bar for the home page with a stateless widget and a height of 110, featuring a location row and a notification widget.

In the Flutter and Django course, implement a bottom search bar with 55 height, a tappable row showing a search icon and 'search' label that navigates to the search page.

Build a responsive home slider in Flutter for the Flutter and Django course, using a stateless widget and image slideshow with network images, placeholders, and a shop now button.

Design and integrate a home header widget in a Flutter app, using a row layout, reusable text, and a categories page navigated via routes.

Design and implement category data for the app using static data first, move image lists to constants, then connect to a rest api and create a categories model.

Create a Dart categories model for a list category using Quicktype. Paste the data with title, id, and image URL, then replace the constants list and run the app.

Build a Flutter categories lists widget, a list view, leading images, titles, and a trailing chevron, plus navigation to a category page.

Implement a Flutter home categories list with padding, a fixed-height row generated from categories, and a tap to navigate to the category page using go router.

Convert the home page to a stateful widget, add a tab controller, and implement a provider-based notifier to manage tab index and product category queries.

Develop a stateless HomeTabs widget in Flutter with a tab controller and a scrollable tab bar, using custom indicators and styles, wired to the home tab notifier.

Learn to build and wire product models from a provided list using quicktype, organize data in source/products/models, and implement a Flutter staggered tile widget for product display.

Explore building a staggered product tile in Flutter that shows a product image, title, rating, and price, with login-aware favorites and navigation to the product page.

Create a Flutter home products list with a stateless ExploreProducts widget and a staggered grid, including a login bottom sheet for unauthenticated users and upcoming rest api integration.

Wire a tap on a product tile to navigate to the product page via a login flow, using a provider-managed product notifier and dynamic routes with a product id.

Build a dynamic product page in Flutter using a custom scroll view with a sliver app bar, image slideshow, and provider-based product notifier integration.

Create a Flutter product page with sliver box adapter, padding, and text widgets to show the product title and description that toggles with an expandable text controlled by product notifier.

Create a similar products widget and implement color and size selectors with change notifier, back-end support, and front-end integration using sliver box adapters and providers.

Build a product sizes widget using a stateless widget, consumer, and notifier to present tappable size options with selected and unselected colors, and integrate it into the product screen.

Define a stateless color selection widget in flutter, render colors with box decoration, highlight the selected color using primary color, and implement a bar with price and add to cart.

Build a flutter product bottom navigation bar with a 68 height container showing total price and an add to cart button, handling access token login prompts and color/size validation.

Build a scrollable Flutter profile page using a reusable profile tile widget with leading icon, title, and onTap, then list my orders, shipping address, privacy policy, help center, and logout.

Implement a profile area with a circular avatar (radius 35) on a primary background and a background image—network or asset—and show the username and email in padded container with decoration.

Replace the profile picture with a custom URL, load a network asset, and wire routes for profile, policy, orders, and shipping address with protected navigation and a login flow.

Create a privacy policy page in flutter by implementing a privacy screen with a back button, a reusable text widget, and sections for cancellation policy and terms.

Learn to build a Flutter login and registration flow using text editing controllers for username and password, focus nodes, and routing to profile or login based on an access token.

Initialize a structured Django backend with a multi-app setup, migrate and create a superuser for the admin, then bootstrap the dashboard with Jasmine.

Learn to implement token-based authentication in a django project using djoser, configure rest framework and authtoken, set up urls, migrate, create a user, and obtain an auth token.

Develop authentication models for the Flutter frontend and Django backend, including login, registration, and access token models, plus an auth notifier to handle login and signup via http.

Hook the auth notifier in main.dart to manage isLoading, show a circular progress indicator for login and registration, perform HTTP post calls with JSON payloads, and store access tokens.

Wire login and registration in a Flutter app by connecting the login button to the auth notifier, showing a circular progress indicator, and sending username and password as JSON.

Develop a get user function with token authorization (get users/me), navigate to home on success, and implement a logout flow that clears the access token and resets the tab index.

Display user profile data in a Flutter app by authenticating with a token, fetching the profile model from the backend, and showing email on the profile page.

Implement the user registration flow with the auth function, validate username and password, handle errors and loading state, and navigate back to the login page after sign-up.

Define and register a Django core app with models for category, brand, and product, then set up admin registration, migrations, and prepare serializers while wiring up urls later.

Create Django Rest Framework serializers for category, brand, and product models using model serializers, metadata, and selective fields to emit JSON in class-based views.

Build category, brand, and product views with Django rest framework generics and serializers, and create a home page that returns randomized category and product data.

Explain creating a popular products list and similar products, filtering by rating and category, shuffling results, and returning twenty and six items respectively with a product serializer.

Set up urls, filter products by category, implement class-based api views for searching by title and category, and include categories, products, popular, and recommendations.

Test endpoints by adding categories and products through the api, push data to simulate home and recommendations responses, and validate categories, similar products, and error handling.

Create sample data for the product model, generate a Postman JSON payload with sizes, colors, and image URLs, and test REST API endpoints by category and type.

Create fetch categories hooks in a Flutter and Django course, including a categories hook with loading, error, and refetch, plus a home categories hook using a REST API.

Leverage Flutter hooks to convert category and home category widgets into hook widgets, fetch categories, manage loading states, and display products by category with shimmer placeholders.

Learn to implement a fetch products by category hook in flutter, including creating the hook file, wiring the category id, updating the endpoint, and handling backend data adjustments and migrations.

Create a fetch products hook in flutter that uses the home tab query type to call the API /api/products for all, popular, and by-type categories, refreshing on tab changes.

learn to refetch products by type in a flutter and django course by wiring a refresh function to the home tab notifier, triggering updates via a notify listener.

Fix the refetch bug by rerunning fetch data when the query type index changes, remove unused refresh logic, and show an empty state image when no products exist across categories.

Implement a similar products feature in Flutter by creating a hook widget and a fetch similar hook linked to the recommendations endpoint with a category id, then handle loading states.

Learn to build a search notifier in Flutter by implementing a change notifier, managing loading state, maintaining product results, and handling search keys and queries.

Build a Flutter search notifier and app bar search field that queries an API with q, handles loading and errors, and updates results.

Build a Flutter search results UI with padding, a list view and staggered grid, driven by a search notifier, for a Django backend.