Create a WEB search engine with Flutter | Flutter WEB tutorial
This is a Flutter tutorial for beginners where you will learn some of the basic elements of building a website with Flutter. While you create a search engine you'll learn how to build layouts for the web, how to detect an element with the focus, how to detect when the mouse is over an element, how to create navigation paths using URL routes (including how to get a variable parameter from the URL), how to create a data layer to make an API request, and how to perform some minor tunning and adjusting for a great experience.
🔔 Subscribe to my channel to see more videos like this:
/ @davidserranoio
📖 Useful resources:
Flutter 3 for WEB: have they really managed to increase performance?
• Flutter 3 for WEB: have they really m...
Learn how to manage state with provider:
• Flutter State Management made easy wi...
Learn how to create a data layer using the Repository Pattern:
• Data Layer in Flutter | Use the Repos...
You can find the open-source code of this tutorial here:
https://github.com/svprdga/flutter_se...
🔵 Follow me for more content like this:
https://davidserrano.io/
/ svprdga
https://hashnode.com/@svprdga
https://dev.to/svprdga
https://mastodon.social/@svprdga
⏳ Timecodes:
00:00 - Introduction
01:23 - Project setup
03:47 - Create the search layout
09:33 - Navigation with go_router
12:52 - Create the data layer (API request)
17:35 - Perform the search and show the results
20:24 - Final result
---
The music track on this video is provided by AudioTrimmer: https://audiotrimmer.com/royalty-free...