Discover SinghDigamber/angular-firebase-canactivate-guard Open Source

Build React Login & Sign Up UI Template with Bootstrap 5 - Create React authentication system such as login and sign up template using Bootstrap.

103

react-login-signup-ui-template

Build PHP 7 user authentication and login system with MySQL and Bootstrap 4 using procedural programming approach.

php-user-authentication

Angular 13 JWT User Authentication Tutorial - Learn how to build and implement JSON web token (JWT) based user authentication system in Angular app.

angular-meanstack-authentication

Laravel 8 JWT Authentication example

laravel-jwt-auth

This is a step by step React Native Firebase tutorial. In this tutorial, we will learn to create CRUD (Create, Read, Update, Delete) app using Firestore for iOS and Android platforms.

reactNativeCrudFiresote

Create PHP Laravel CRUD web application with MySQL Database.

laravel-crud-app

Create datatable in Laravel

laravel-yajra-datatables

Ionic/Angular Login and Register UI templates

ionic-form-ui

Angular FormData tutorial - Learn how to use Angular 8 HttpClient API to Post FormData (multipart/form-data) to a web server.

angular-formdata

In this step by step Angular 13 SEO tutorial, we are going to learn how to make Angular app SEO friendly by adding the page titles, meta descriptions, keywords, and other SEO attributes in an Angular Universal Server-side rendering app.

angular-seo-universal

In this React Native tutorial, we are going to learn how to create Login and User Registration functionalities using Firebase Authentication services.

rnFirebaseAuth

This tutorial explains how to create pagination in PHP 7 and MySQL using the Bootstrap 4 Pagination UI component. Also, learn how to set the dynamic limit in pagination with the session, create prev, next feature, active class in pagination to display results fetched from MySQL database.

php-pagination

Learn to create complete Angular 16 Firebase authentication system from scratch, also protect routes using canActivate route guard.

angularfirebase-authentication

how to send web push notifications in the Laravel 8 app using Firebase Cloud Messaging mechanism

laravel_web_push_notification

Laravel 8|7 Import Export Excel & CSV file tutorial

LaravelExcelCsv

Laravel 8 Angular 13 Token-Based Authentication with JWT

laravel-angular-jwt-auth

React Local Storage with life cycle methods - Learn to store form data or form state in local storage using React life cycle methods.

react-local-storage

Build Secure PHP REST API in Laravel 8 with Sanctum Auth

laravel-sanctum-auth-api

create a secure REST API using Passport in Laravel 8

laravel-passport-auth

How to create a simple auth system with login and signup functionalities in Code-igniter 4.

codeigniter-authentication-example

PHP 7 Multiple Files and Images uploading tutorial, and we will learn to store uploaded files in the MySQL database along with some necessary file uploading validation.

php-multiple-file-upload

Vue is an excellent open-source front-end library to build user-friendly web/mobile applications. It follows the same component-based architecture as other popular frameworks do.

vuex-state-management-app

In this tutorial, we will learn how to create Ionic 4 Angular CRUD application and implement SQLite Native plugin to store the data in the SQLite Database. We will create the Create, Read, Update and Delete operation to manage the data in the database. Moreover, we will also learn to load the dummy data from the sql database file using HttpClient service.

ionic-sqlite-app

A complete step by step Ionic 4 Data Table tutorial, create a data table in an Ionic / Angular app and learn how to show relevant information in tabular form using the ngx-datatable plugin.

ionic-tables-app

CSS

codeigniter-rest-api

This is a comprehensive Codeigniter REST API example. In this tutorial, we are learning how to create REST API in Codeigniter 4 application from starting.

How to add server-side pagination in the Angular 10 tabular data.

AngularPaginationExample

How to persist redux store's states in React js app using react-redux, redux toolkit, and redux persist packages.

react-redux-shopping-cart

how to upload files and images in MySQL Database. and how to implement file upload validation before sending it to a web server

php-file-upload

Connect Firebase Realtime NoSQL Cloud Database with Angular App from Scratch

connect-angularfirebase

Integrate PayPal Payment Gateway in Laravel 7 in simple ways.

laravel-paypal-app

Create Book inventory CRUD web app with Angular 7 framework using Angular Material 7, Firebase (AngularFire2) real-time NoSQL database.

angular-material7-firebase-crud-app

Google reCAPTCHA is the best solution to protect web forms from spam. The reCAPTCHA is a powerful spam protection tool that makes sure you are a real human, and Google reCaptcha checkbox also provides the best user experience in a few lines of codes.

php-google-recaptcha

A step by step tutorial on handling multiple checkboxes in Angular 8|9, we will learn how to create, select and unselect multiple checkboxes and validate checkboxes with Angular Reactive Forms.

ng-checkbox-tutorial

Angular 9 Unit Testing tutorial with an example. We will learn how to write unit tests in for services and component in an Angular app using the Jasmine framework and karma (JavaScript Test Runner).

ng-unit-test

HTML

angular-http-observables

Angular 13 Observables tutorial - Manage HTTP response with RxJS observables and operators, build a live country search module from scratch.

Laravel 7 File Upload tutorial, and In this tutorial, we will learn how to upload files in Laravel 7 with basic validation in MySQL database.

laravel-file-upload

Convert HTML to PDF in Codeigniter.

codeigniter-pdf-example

Angular 8/9 UI tutorial, learn how to create and use CSS Grid layout within the Angular app using the Holy Grail layout pattern.

angular-css-grid

Learn how to generate PDF from HTML using the DomPDF library.

laravel-pdf

Create a contact form in PHP and store the customer information in the MySQL database. Implement the form validation in the contact form using the most popular jQuery validation plugin.

php-contact-form

Learn how to create a PHP Captcha Script using the GD library with basic captcha validation to protect bot-generated mails or spam.

php-captcha

How to integrate Stripe Payment Gateway in Laravel project.

laravel-stripe-example

Angular 7 Route resolver fetches the data before the component is ready. Configure route resolvers from scratch with HttpClient service in Angular 7 | 8.

route-resolver-angular

This is a step by step React Responsive Carousel tutorial. In this tutorial, we will learn how to implement Carousel in a React app using React Responsive Carousel package.

react-carousel-tutorial

Generate or create a QR Code in the Angular app using angular2-qrcode library

AngularQrCodeAppExample

Build a simple and animated modal popup in React using Material UI. Modals are a widely used component in React-based web and mobile applications.

react-modal-material-ui

Build Electron Desktop App with Angular 8 - In this Angular tutorial we will learn to create a basic web application with Angular and Electron.

electron-angular-app

This tutorial shows you how you can create a radio button component in React Native application pretty smoothly. We will learn the easiest way to deal with React Native Radio Buttons.

rnradiobutton

Objective-C

vue-single-multi-files-upload

In this tutorial, we are going to learn how to upload single & multiple files and images to the Node server from Vue.js application using Express.js API. Along with that, we will also learn how to send multipart form data using FormData() web API.

Learn how to create a basic PHP 7 user registration system, add PHP validation in registration form, securely hash password and store the user information in the MySQL database.

php-user-registration

Angular 7 Drag and Drop tutorial. Create drag and drop functionality with Angular 7 and Angular Material 7 library.

angular-drag-drop

Angular Consume REST API with HttpClient Tutorial

angular-httpclient-demo

Create a Laravel CRUD app using AJAX.

laravel-ajax-crud

Laravel 7 JWT Authentication example tutorial. Create secure REST API in Laravel using JSON Web Token (JWT). Protect user authentication API with tymondesigns/jwt-auth JWT package.

backend

Learn how to translate the Vue.js app in multi-language using the vue-i18n plugin.

vue-i18-app

Build a dynamic autocomplete search using the Select2 jQuery plugin in Laravel 7 with AJAX.

laravel-autocomplete-search

Welcome to How to Implement and use Datepicker in React application! In this tutorial, you will learn the step-by-step process of integrating and using react-datepicker modules in React.js.

react-datepicker-app

This is a step by step comprehensive React Native Navigation v5 tutorial. In this tutorial, we will learn how to implement Stack Navigation in React Native app using Stack Navigator.

reactNativeNavigation

In this tutorial, I am going to share with you how you can easily set up a brand new Angular 9 project with SASS, Bootstrap 4, Font Awesome 5, and NgBootstrap from scratch.

my-anglular-app

How to add Firebase authentication in Ionic 6 Angular application, ionic password verification, ionic password reset, ionic login with google and ionic login with gmail.

ionic-firebase-authentication

React 16+ Autocomplete Tutorial with Example - Understand step by step how to build Autocomplete component in React using autocomplete NPM module.

react-autocomplete-tutorial

Angular 8 Chart.js Tutorial with ng2-charts Examples - Display data using various charts such as pie chart, bar chart, radar, doughnut or bubble chart.

angular-charts-app

A comprehensive Ionic 4 step by step tutorial, Learn how to implement side menu dynamically in Ionic 4 app with active class for selected page.

ionic-side-menu

how to create a Cron Jon in laravel 7. Making a Cron Job in Laravel 7 is simple and easy.

laravel-cron-job

upload multiple files or images with validation in Laravel 7. Store images in the storage and images path in the MySQL database.

laravel-iamge-upload

React Multiple Files - In this tutorial, learn how to upload a multiple image files in the MongoDB database using the Node and Express server.

react-multiple-files-upload

Laravel 8 Socialite Login with Facebook Example

LaravelSocialiteLoginWithFacebook

Suppose you want to know how to create or generate a Captcha security code in Laravel 7. In that case, this tutorial is going to be the ultimate nectar for you.

laravel-captcha-generator

In this tutorial, we will learn how to Internationalize a React application using a react-intl package.

react-intl-example

Angular 8 Select Dropdown Tutorial with Reactive Forms - We will learn to implement, create and validate Select dropdown with Reactive Forms.

angular8-select-dropdown

In this comprehensive tutorial, we will learn how to post data using REST API in React application with the help of RTK Query and Redux api slice.

react-rtk-query-crud

Create a contact form in Laravel using the Bootstrap 4 CSS Framework, validate contact form using Laravel built-in validation, send email to admin using Mailtrap.

laravel-contact-form

How to get and delete data objects from the database in React application using React Redux RTK Query endpoints and REST APIs.

react-rtk-query-delete-data

Upload multiple images and files in Codeigniter application.

codeigniter-multiple-file-upload

Create pagination in codeigniter application from scratch.

codeigniter-pagination

Securely reset a password by consuming Laravel 7 JWT auth API with Angular.

laravel-angular-jwt-authentication

This tutorial guides you on how to create and validate a basic form using PHP 7 and HTML. We will create the responsive form using Bootstrap and validate the various form fields using PHP.

php-form-validation

This is a comprehensive PHP 7 Form Validation example tutorial. In this tutorial, we will learn how to create a form from scratch and how to validate the form’s value using Laravel’s built-in validate method.

laravel-form-validation

How to create a form using Bootstrap and form validation in Codeigniter 4 application.

codeigniter-form-validation

React Dropdown Select Tutorial with React-select - learn how to create an advance dropdown select using the react-select library.

react-select-tutorial

In this tutorial, we will learn how to Send an email in CodeIgniter 4 from the localhost using a built-in email library.

codeigniter-send-email

React MERN Stack CRUD app tutorial - Create frontend and backend with React, Node, Express, mongoDB. and learn to consume REST APIs with React Axios.

react-mernstack-crud

File uploading is a considerable imperative that allows your site visitors to upload various files. Such as images, word documents, excel and pdf reports, etc. on a web server. In this tutorial, we will learn how to upload files in Codeigniter 4 from scratch.

codeigniter-file-upload

In this tutorial, we will learn how to create a responsive web form using the BootstrapVue front-end CSS library and validate that Form using the Template-Driven approach using VeeValidate Form Validation Framework.

vue-veevalidate-validation

This tutorial explains about how to create awesome charts that will help us to understand the data or information in meaning full ways. I will show you how to create beautiful charts in Vue.js 2+ app using Chart.js and vue-chartjs plugin.

vue-chart-js-app

How to fetch user records in Codeigniter 4 application from MySQL database using AJAX web development technique.

codeigniter-ajax

Construct a simple pagination in laravel 7 application from scratch. Setting up a laravel app, creating model and migrations, creating a controller and connecting controller to routes, and fetch records from the database and bind with pagination() method to show results in smaller sizes using paginate() and links() function.

laravel-pagination-example

Learn about Laravel 7 Trait, how to create Trait in Laravel, and how to use Trait in the Laravel 7 application. Traits allow us to develop a reusable piece of code and inject it in controller and modal in a Laravel application.

laravel-traits-example

Angular 7 Custom Directives will be discussed here in this article. You can compare the building of directives with the building of components in Angular 2+

custom-directive-angular

Angular 8 Show Image Preview Before Uploading - A Simple method through which we can show the image preview to the user before uploading image to the server

angular-image-preview

how to build a Table component in React Native application and display data in the table. We will create a responsive table in React Native application, that table will be horizontally and vertically scrollable.

ReactNativeTable

This is a step by step Vue.JS and Firebase tutorial, In this tutorial we are going to explain how to integrate Cloud Firestore database in Vue application using the VueFire package.

vue-firebase-setup

Create login and registration UI (User Interface) template with Angular 16, Angular Flex Layout and Material design UI library.

angular-material-login-template

In this comprehensive tutorial, we will learn how to post data using REST API in React application with the help of RTK Query and Redux api slice.

react-rtk-query-post-data

Create Laravel 8 Dynamic Image Slider with Vue Component using Owl Carousel Plugin

laravel-vue-carousel-slider-example

Angular 16 Firebase CRUD example, In this tutorial you will learn how to create CRUD Operations using Angular and Firebase real-time NoSQL cloud database.

AngularfirebaseStudentApp

HTML

rnFormsFormikYup

In this tutorial, I will walk you through how to create and validate forms in React Native application using Formik and Yup packages.

Objective-C

mean-stack-crud-app

Build the Angular 16 MEAN CRUD app using Bootstrap, Node.js, Express.js, and MongoDB.

Renderer2 in Angular - Learn to manipulate the elements of your Angular app with the help of the Renderer2.

100

renderer2-angular