Create Wallpaper App In Flutter From Scratch Using Pexels API [Complete Tutorial]

Опубликовано: 12 Январь 2025
на канале: Code Hub

1,258

In this video, we'll create wallpaper app in flutter from scratch. We'll use Pexels API to create this app.

You'll learn to:
Create modal class according to API
Create named constructors in dart
Create repository class
Make the HTTP calls and get data from API
Do the authentication using headers
Handle the data received from the API
Create masonry grid view in flutter
Use Future Builder in flutter
Create customized text field in flutter
Add validation to text field so it does not allow any other characters
Create horizontal list view in flutter
Use gesture detector in flutter
Use SingleChildScrollView in flutter
Implement Repository class in the front end
Prevent flutter app to download each image every time while loading to increase the loading speed
Display image in full screen from inside the grid view
Download the image from the API
Save the images in the external Directories of the device rather than application directory
Display the snack bars to display the messages
Customize the Floating action button appearance
Avoid app crashes using try catch blocks
Create customized AppBar
And many more things...

Packages To Import:
http: https://pub.dev/packages/http
cached network image: https://pub.dev/packages/cached_netwo...
flutter staggered grid view: https://pub.dev/packages/flutter_stag...
external path: https://pub.dev/packages/external_path
media scanner: https://pub.dev/packages/media_scanner

-------------------------------------------------------------------------------------
Source Code: https://github.com/FLDevelopers/wallp...

-------------------------------------------------------------------------------------
Time Stamps:
00:00 Project Demo
00:28 Create Project & Import Packages
01:09 Create Modal Class
03:15 Create Repository Class
10:56 Create Scroll Handler Class
11:57 Create Main Page
13:39 Create Masonry Grid View
18:19 Solve Error From Repository Class
18:59 Create Search Field
21:43 Create Categories List
23:29 Create "Load More" Button
24:27 Implement Methods In Front-End
26:32 Create Preview Page
29:00 Create Download Button
30:27 Testing On Real Device

-------------------------------------------------------------------------------------
I hope, you'll like this video. If you have any question related to this video then ask in comments section without any hesitation.

Also Don't forget to like this video and also share it with your friends. Also don’t forget to subscribe our channel and also hit that notification bell to get the notification of our latest video.

-------------------------------------------------------------------------------------
Join WhatsApp Channel: https://whatsapp.com/channel/0029VaE0...
Check out our website: https://www.freetrained.com/
Facebook Page Link: / free_trained
Facebook Group Link: / 1746009532359857

Please Subscribe Our YouTube Channel For More interesting Videos And Don't Forget To Share Our Channel With Your Friends.

Note: *Please Turn Off Any Ad Blocker Software or add-on to support us.
-------------------------------------------------------------------------------------
Tags:
#wallpaperapp #wallpaper #flutter #pexels #appdevelopment #crossplatformdevelopment #programming #coding #scratch #tutorial #course #training

-------------------------------------------------------------------------------------
Background Music:
Almost in F - Tranquillity by Kevin MacLeod is licensed under a Creative Commons Attribution 4.0 license. https://creativecommons.org/licenses/...
Source: http://incompetech.com/music/royalty-...
Artist: http://incompetech.com/