If you are developing website in Xampp, you can use custom domain instead of localhost or 127.0.0.1. You can make url like http://mydomain.local as an url for you local development.
I’m assuming you have website project directory in C:/xampp/htdocs/mywebsite. We want to use url http://mydomain.local. I like using .local TLD to differentiate it with actual internet url. Then, add this line in the bottom.
Edit hosts file
Open C:\Windows\System32\drivers\etc\hosts. You need Administrator Access to edit this file.
This file is located in C:\xampp\apache\conf\extra\httpd-vhosts.conf. Add this code to the bottom.
Then, add this code and adjust with your projects.
Require all granted
You are done. Start or restart your Apache server. Go to http://mywebsite.local to test it. If you have any problems, drop the comments below.
I got this weird error when developing flutter app in windows. I have set my local apache as my API server. When I tested my API in Postman, everything is okay. Error appears when I tested API on my app with emulator.
Turn out, the problem is from emulator. Android emulator can’t communicate with 127.0.0.01 or localhost. The solution is just change localhost to 10.0.2.2. This IP is special alias to your host loopback interface.
You can read more about this in this docs. –> https://developer.android.com/studio/run/emulator-networking
One of the most common thing I made in mobile development is login page. This project is boilerplate, template, or whatever you called, of basic login page. Made with Flutter.
It has standard 2 fields, username and password with toggle which can be clicked to show/hide password.
One of the problem I got as a flutter beginner is bottom overflowed by xx pixels. This problem would appear when virtual keyboard needs to be showed. Keyboard take half of our screen, if you done your layout wrong (like page that take more than half of screen), you will got bottom overflowed error.
The solution is use SingleChildScrollView in the top widget. So, when you got this error, you can scroll through our overflowed part of the page.
This project is on github –> https://github.com/rifai/flutter-login-page
UPDATE : check the web preview here!! https://bocilmania.com/flutter/login/
What is Tailwind? Tailwind is high customizable CSS Framework that can help you styling your web page. It’s like Bootstrap but with more lower level customizable.
In this post, I’ll show you how to setup tailwindcss into our Laravel project.
Continue reading Basic setup tailwind css in Laravel
Laravel comes with their own auth system, so you don’t have to build login, registration, and authentication system from scratch.
By default, Laravel uses email for authentication. If you want to use username, you have to make little tweak to your controller as explained in their documentation.
But, what if you want to use either email or username for authentication? In this post, I’ll show you how to do that.
Continue reading Laravel login using username or email