Setting Up TailwindCSS with React
Tailwindcss is a utility-first CSS framework loaded with classes that help you design almost any design without leaving the HTML. In this article, we are going to learn how to integrate the tailwindcss with React.
…
Working with Vue + Firebase Authentication
In this article, we are going to create a basic authentication with Firebase. Don’t worry if you are new to firebase, we are also going to cover how to create a project with Firebase and grab your web API keys. We are going to create Login, Sign Up, and a Dashboard route to figure out about the firebase authentication.
…
How to Display Progress Bar on Page Scroll with ReactJs
Previously, we have created a vertical scrollBar with CSS and JavaScript. Today, we are going to create a page scroll progress bar in ReactJs. We are going to use the ReactJs 16 and the Hook API.
…How to Display Progress Bar on Page Scroll with ReactJsRead More »
React Native Form Validation with Formik and Yup
The form is a very basic need for any website or application. And form validation is required to collect the right information. In this article, we are going to learn Form validation with Formik and Yup for React Native application.
…
How To Create Custom ScrollBar with CSS and JavaScript
In this article, we are going to create a custom scrollBar. Our Custom ScorllBar will display the gradient color progress on page scroll. We are not going to use any javascript framework like jQuery, etc. Only basic HTML, CSS and Vanilla JavaScript. If you are interested then take a look to the similar but horizontal progress bar in React Js.
…How To Create Custom ScrollBar with CSS and JavaScriptRead More »
How To Fix Laravel Specified Key Was Too Long Error
Many of us hit the error “Specified key was too long error” while running the migration in Laravel. And that is because of the MariaDB or older version of MySQL.
…How To Fix Laravel Specified Key Was Too Long ErrorRead More »