Flutter Rest API BootCamp: Build 3 Real World Apps -[ 2025 ]

Build a weather app that shows current temperature and condition with a dynamic background, and uses a search bar to query OpenWeatherMap API for sunrise, humidity, wind, and min/max temperatures.

Initialize a new flutter project named Weather App, install dependencies like http, intl, geolocator, and permission handler, add assets, and update pubspec.yaml before building the UI.

Create a weather app user interface by layering a full-screen background image with a searchable text field using a stack, within a scaffold, and configure assets in pubspec.yaml.

Developers learn to enrich a weather app by adding a location widget, a current temperature display, and a weather information card, with layout and styling.

Create a min and max temperature widget in a weather app using a row with icons and text to show 35 degree Celsius max and 25 degree Celsius min.

Build a reusable weather data tile within a transparent card UI to display sunrise, sunset, humidity, wind speed, visibility, and precipitation, with Open Weather Map API in the next video.

Explore how to fetch weather data from the OpenWeatherMap API using http, generate and copy your API key, and set internet and location permissions to integrate into a Flutter app.

Integrate with the Open Weather Map API by creating a WeatherService in lib/services, fetch weather by city name or device location via Geolocator, decode JSON over HTTP, and handle errors.

Build a Flutter weather app that fetches API data, decodes JSON to a map, and updates city name, temperature, and weather conditions via setState.

Learn to handle device location permissions with Geolocator to fetch weather data by current location or city name, and build an apk for testing, including a background image path fix.

Build a dynamic Flutter weather app by integrating APIs, fetching weather data over HTTP, passing JSON to Dart, and requesting device permissions.

Flutter REST API bootcamp movie app overview shows building a two-page UI with search, carousel, grid view, and movie details, plus TMDB API integration and setState-based state management.

Initialize a new Flutter project named movie app, install HTTP and carousel slider dependencies, and run Flutter Pub get to prepare a cross-platform movie app.

Configure a dark theme for a Flutter movie app by using MaterialApp with brightness dark, white text, gray900 scaffold background, and app bar theme, then set the home screen.

Set up the home screen in Flutter, implement a bottom navigation bar with home and movies items, and connect a page view and page controller to switch pages.

Build a search bar UI in flutter with a decorated container, text field, hint 'search movies', and a prefix search icon, plus fix a navigation bug via page view controller.

Build a flutter movie app that fetches popular, top rated, and upcoming movies from the tmdb api using http get requests and a bearer token.

Fetches similar movies from the TMDB API in a Flutter app, using init state to load data and print API responses as a JSON array of movie details.

Build a home page in Flutter by fetching TMDB API movie data for popular, top rated, and upcoming lists, add search, and show loading indicators and a carousal slider.

Learn to implement a Flutter carousel slider for top rated movies, fetch and convert API data, and build a reusable movie slider widget with autoplay and infinite scrolling.

Enhance a Flutter movie app home page by integrating API data into a carousal and adding upcoming and popular movie sections with a horizontal scroll view of clickable posters.

Create a flutter movies page using a two-column grid of upcoming movies, with a search bar margin fix and a loading indicator while data loads via a movie service.

Build a Flutter movie details screen by creating a stateful widget, loading movie data, displaying image, title, overview, release date, rating, and similar movies in a horizontal list.

Implement a search bar in the Flutter movie app that filters popular, top rated, and upcoming movies by query and displays results in a list.

Build a Flutter splash screen that appears briefly before the movie app starts, loading an asset image and navigating to the home screen after a two-second delay.

Review how to build sleek Flutter UIs with horizontal lists, a carousel, scroll views, and grids, then add splash screens, API integration, and state management.

Build a Flutter e-commerce app with API integration using fixture API, category filters, product details, cart features, and skeleton loaders, while learning state management with set state and shared preferences.

Create a new Flutter project, add HTTP and shared_preferences dependencies, update the Android manifest for internet and storage permissions, and run the app to start building an ecommerce app.

Declare the splash asset in pubspec.yaml, build a centered splash screen with a purple background and white bold text, then integrate it into the main file.

Create a main screen with a bottom navigation bar in a Flutter e-commerce app, a stateful widget managing a selected index, and a two-second splash transition using push replacement.

Build a reusable custom app bar for the e-commerce Flutter home page using a preferred size widget, styled in deep purple with white bold text, integrated in a page view.

Learn to fetch all products from the fake store API in a flutter e-commerce app, decode JSON, and store the results for display in the next UI stage.

Build a horizontal category filter on the home page of the Flutter e-commerce app, using hardcoded categories and a skeleton loading state while data loads from the Fake Store API.

Enable the skeletonizer on the home page to show loading placeholders while data loads. Switch to rendered product cards with a rating row, using ListView.builder for five items.

Create a modular flutter home page by implementing a skeleton product card as a stateless widget to display loading, then design a real product card with network image and title.

Build a home page product list in a Flutter e-commerce app by rendering product cards with title, price, and rating using a ListView.

Wraps up the home page by showing skeleton loading for category filters and product cards, and fetches e-commerce data from a fake store API using JSON decode and ListView builders.

Build a Flutter product details screen for an e-commerce app, displaying a network image, price, rating stars, and review count within a scrollable scaffold and a custom app bar.

Builds the product details screen in a Flutter e-commerce app, shows the product description in gray, and implements a quantity selector with minus and plus buttons styled as elevated buttons.

Develop a product details page with left-aligned UI and buy now and add to cart buttons, using shared preferences to store by product id and show a snack bar.

This video guides building the product details page in the flutter rest api bootcamp course, showcasing quantity management and add to cart with shared preferences in a scrollable UI.

Navigate the e-commerce app with a bottom navigation bar and a page controller initialized to the home page, then jump to the selected page with setState.

Fix the category filter bug on the home page by wiring onTap, updating the selected category with setState, and conditionally rendering products.

Implement the Flutter shopping cart page by fetching, updating, and deleting cart items from shared preferences, mapping product data by ID and quantity to render the cart.

Explore building a fully functional shopping cart page in Flutter, loading cart items, displaying product title and price, and adding update quantity and delete actions with shared preferences integration.

Learn to fetch the users list from an api in a flutter app, display each user's name and email, and prepare code to retrieve and print the data.

Build a users list UI with a custom app bar and skeleton loading cards in a grid, showing placeholder avatars and gray blocks while data loads.

Builds the users list screen with skeleton loading, shows user cards in a grid with initials avatars, names, and emails, and sets up on tap navigation to a profile screen.

In flutter rest api bootcamp, build a user profile screen (part 23) as a stateless widget that displays avatar, name, and email in a scrollable layout.

Finish e-commerce flutter app by completing the user profile details screen, adding icons, dividers, and interpolated name, phone, and address, with navigation to the profile page.

Wrap up the Flutter e-commerce course by reviewing API integration, state management with set state, and building dynamic UIs with Flutter widgets.