Skip to main content

Posts

Showing posts with the label app

Flutter UI Designing Travel App UI Design Dribbble

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about  Flutter UI Travel App UI Design Dribbble on Android Studio.
In this section, we will implement many widgets and concepts, such as Stack, Flutter SVG, ClipRRect, Backdrop Filter, ImageFilter, Google Fonts,  Custom Widget, and much more. 

Project Starter Code flutter_travel_app_starter.zip
Packages we are using: flutter_svg: get packagegoogle_fonts: get packagesmooth_page_indicator: get_package Fonts Lato get fontPlayfair Display get_font UI Credit Design by: Icha Mawaddah Febriyana see the profile
You can get Project file from the link below:
Flutter Final Project Link ► get file
Watch in on YouTube
PART 1

PART 2

Create a Flutter Firebase CRUD TodoList App from Scratch

Hello guys. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Build a Simple Flutter Firebase CRUD TodoList App from Scratch. At the moment I don't use a lot of layout and I haven't applied design patterns to my Flutter application.

💰 BUY ME A COFFEE Link ► buy me a coffee
🤙 JOIN MY DISCORD Link ► https://discord.gg/aNEPJcP
You can download the project file on the link below.
https://gum.co/dXVGk


Create a Modern Onboarding Walkthrough Screen Mentor App UI Design Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Onboarding Walkthrough Screen UI Design Meet The Mentor App with Bagas Nirwan on Android Studio.

In this section we will implement like Constraint Layout, Intent Animation, Button Animation on Android Studio.

You can get Project File from the link below:

Android Studio: git.abdulazizahwan


Create a Simple Flutter Firebase CRUD App

#Flutter #Firebase #CRUD
Hi everyone, I am Abdul Aziz Ahwan. In this playlist, we are going to learn How to Create a Simple Flutter Firebase Create Read Update Delete App. At the moment I don't use a lot of layout and I haven't applied design patterns to my Flutter application. 
And as an experimental material, I use a student biodata case study as a dummy database Firebase for this application, which consists of name, student ID and study program ID. All videos in this playlist can be accessed from the playlist below
💰 SUPPORT ME WITH PAYPAL Link ► https://paypal.me/abdulazizahwan
🤙 JOIN MY DISCORD Link ► https://discord.gg/aNEPJcP
📚 MY REFERENCES - TextFormField Class https://api.flutter.dev/flutter/material/TextFormField-class.html - RaisedButton https://api.flutter.dev/flutter/material/RaisedButton-class.html - FlatButton https://api.flutter.dev/flutter/material/FlatButton-class.html - Firebase to Android https://firebase.google.com/docs/flutter/setup?platform=android

Customizable Animated Bottom Bar Navigation View with Sleek Animations by Droppers - Android Studio

Hi everyone, I am  @Abdul Aziz Ahwan. In this post, we will discuss about the library that you can consider to use on your next project. And the library that we will discuss is the Animated Bottom Bar

Animated Bottom Bar is a customizable and easy to use BottomBar navigation view with sleek animations. Thanks for the creator of this library. Link for the library ► https://github.com/Droppers/AnimatedBottomBar

For me, Animated Bottom Bar is super duper awesome, and it's more beautiful than default BottomNavigationView of Material Design.

Download my project
https://bit.ly/abbComplete

Support me via PayPal
https://paypal.me/abdulazizahwan

Full tutorial, you can watch my video below.


Implementing onTabSelected tutorial video, you can watch my video below.

Change Icon or Image of Selected Item in Bottom Navigation View - Android Studio Tutorial

Hi everyone, I am  @Abdul Aziz Ahwan. In this post, we are going to learn How to Change Icon or Image of Selected Item in Bottom Navigation View in Android Studio.

In this video I'm trying to clone TixID application. And I have duplicate the icon using Figma to learning purpose.

I think it was very easy. We just need to create selector in our drawable resource, and then we need to call our drawable. But don't forget to call android:state_checked like this.


Full tutorial, you can watch my video below.

Create a Coronavirus Covid-19 Tracker App Realtime Data - Volley Fetch REST API in Android Studio

#Covid19 #TrackingApp #Coronavirus #RealtimeData #Monitoring
Hi everyone, I am  @Abdul Aziz Ahwan. In this post, we are going to Create a Coronavirus Covid-19 Tracking App Realtime REST API JSON Data from Scratch using Volley Library in Android Studio. 
Data is always updated regularly Public JSON API obtained from ► https://corona.lmao.ninja/ NovelCOVID-API Github repository for the JSON API ► https://github.com/NovelCOVID/API
Another reference John Hopkins University & Medicine ► https://coronavirus.jhu.edu/map.html World Health Organization ► https://www.who.int/redirect-pages/page/novel-coronavirus-(covid-19)-situation-dashboard
📂 PROJECT FILE
ItemClickSupport Code
Link ► https://gist.github.com/abdulazizahwan/38f592721e8489ea86bcc766d21f2c7f

Android Studio
Link ► https://bit.ly/finalProjectCovid19
📱 APK file
Link ► http://bit.ly/covid19APK
🎨 Project Assets
Link ► http://bit.ly/covid19Assets
Volley Library Link ► https://developer.android.com/training/volley/index.html

Cod…

Build a Countdown App from Date Picker in Android Studio | Using Countdown View and Lottie Library

Hello guys, how are you today? in this post we are going to Build a Countdown App from Date Picker in Android Studio | Using Countdown View Library.

First of all, make sure you have watch my first video here.


After that make sure you have clone or checkout my Github repository from here

The first step is we need to update our build.gradle like this

After that update our activity_main.xml look like this


And then create a new Java class called DatePickerFragment.java like this


And the last but not least, update our MainActivity like this

And yeay! we have finished, try to run our App :)
Android Studio Project file ► here
Lottie Assets  ►http://gg.gg/gsif4

If you want to watch full tutorial on YouTube here

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App UI Design from Adobe XD to Android Studio. In this tutorial we are implementing many things, like Layouting, RecyclerView, CardView, Animation and more.
So Education App that we want to create like this.


You can get Project File from link below:
Assets : assets.abdulazizahwanAdobe XD : xd.abdulazizahwanAndroid Studio Part 1 : asp1.abdulazizahwanAndroid Studio Final : aspc.abdulazizahwanPart I [Design Section]
Part II [XML Layouting Section]
Part III [Java Section]

How to Create Modern Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Create Onboarding Walkthrough Screen UI Design for Travel Holiday Application from Adobe XD to Android Studio. Illustration by Craftwork.design https://gumroad.com/a/126252147.
So Onboarding that we want to create like this.

You can get Project File from link below:
Adobe XD : xd.abdulazizahwanAndroid Studio : git.abdulazizahwanPart I [Design Section]
Part II [Code Section]

Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern MyLearningApp Login Screen UI Adobe XD to Android Studio. In this section we will implementing like Constraint Layout, Intent Animation on Android Studio. The design would be look like this.

You can get Project File from link below:
Adobe XD : xd.abdulazizahwanAndroid Studio : git.abdulazizahwanPart I [Design Section]
Part II [Code Section]

How to Create Splash Screen Like YouTube App in Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia.

In this post, we are gonna talk How to Clone YouTube App Splash Screen in Android Studio.

You can get Project File from link below:
- Android Studio : androidstudio.abdulazizahwan
- YouTube Logo : youtube_logo.svg

Video Tutorial