Krunal (@KrunalLathiya)
github

KrunalLathiya

Twitter logo Share LinkedIn logo Share Facebook logo Share

Top repositories

1

ReactReduxAuthentication

React Redux Node MongoDB JWT Authentication Example is the today’s leading topic. We use React and Redux for the frontend, Node.js as a platform, express as a web framework and MongoDB as a NoSQL database. We use JWT authentication where, if the user is logged in then it returns a token and the client saves that token. The client uses that token each time when he tries to access the protected route. So the concept is obvious. Now let us start this small project. This article is not about the beginner’s course.
JavaScript
95
star
2

ReactCRUDExample

React CRUD Example | MERN Stack Tutorial is today’s leading topic. This article’s goal is to explain the by making the CRUD application. Most applications are CRUD applications. If you don’t know what CRUD is, it’s short for Create, Read, Update and Delete. This application is also called a MERN Stack application because we are using MongoDB, Express, React, and Node.js tech stack.
JavaScript
67
star
3

Angular7CRUDExample

Angular 7 CRUD Example | MEAN Stack Tutorial is today’s leading topic. In this article, we will be creating a sample Angular 7 application step by step from scratch and perform CRUD operations. The backend API will be exposed using Node.js, and Express framework and MongoDB will be used for persistent storage of the data.
TypeScript
55
star
4

LaravelVueJSCRUD

Laravel 5 and VueJS Tutorial will walk through the exercise of how you can set up the development environment with each other, and we are creating Simple CRUD Application. For more information please visit this URL:
PHP
49
star
5

VueLaravelCrudSPA

Vue Laravel CRUD Example Tutorial From Scratch is today’s leading topic. Laravel is the PHP’s fastest growing Framework with scalability and flexibility. VueJS is the fastest growing Front end Library in the Javascript community. Laravel is providing VueJS support out of the box. For this demo, we will not create separate projects for the frontend because Laravel provides the best support for Vue.js. So, we will build the Vue components inside the Laravel’s assets folder.
PHP
45
star
6

VueNodeTutorial

VueJS Nodejs Tutorial walks through creating a Node.js, MongoDB, Express, and front-end framework (Vue.js) application. Client side code is bundled with Webpack. It is also called VueJS NodeJS Express Tutorial or Vue Express Example Tutorial. For more information please visit this URL:
Vue
45
star
7

ReactJSLaravel5.5

Laravel 5.5 ReactJS Tutorial topic, we will cover today. For the frontend framework, there are lots of ReactJS developers out there, who want to deep dive into Laravel PHP Framework and vice versa for Laravel Developers.
PHP
43
star
8

LaravelChatApp

PHP
41
star
9

Angular8Tutorial

Angular 8 Tutorial With Example | Learn Angular 8 CRUD From Scratch is today’s topic. In this blog, we have previously described Angular 7 CRUD and Angular 6 CRUD. Now, the Angular community has released the next version, which is Angular 8. If you do not know how to upgrade Angular CLI to version 8, then check out my Angular CLI 8 upgrade tutorial.
TypeScript
38
star
10

ReactAdminPanel

CSS
37
star
11

LaravelCommentNesting

How To Create Comment Nesting In Laravel From Scratch is the today’s main topic. In any topic specific forum, there is always a structure, where you need to reply to someone’s comment and then somebody reply in their comment and so on. So comment nesting is very useful in any web application, which exposes public interest. In this tutorial, we will do it from scratch. We use Polymorphic relationship in this example.
PHP
37
star
12

Angular5CRUD

Angular 5 CRUD Tutorial Example From Scratch is today’s leading topic. NodeJS is a platform nowadays because of its features and Express is a web framework build on top of Node.js. Angular CRUD Tutorial is the perfect example of How to use Angular and Node.js together. We will use MongoDB as a database. It is sort of like MEAN Stack Application. We will cover the detailed tutorial about MEAN Stack in the future. Right now, just CRUD application, we will build.
JavaScript
35
star
13

ReduxAxiosExample

JavaScript
33
star
14

MEVNCRUDExample

MEVN Stack Tutorial With Example From Scratch is the topic, we will discuss today. We will generate FullStack Single Page Application(SPA) using MongoDB, Express, Vue, and Node.js CRUD Example Tutorial with step by step. For this example, we will not use Vuex for state management because this app will be simple and not complicated. We will create an application where the user can create, update, read, and delete the post. So, let us start the MEVN Stack Tutorial with an example.
Vue
31
star
15

LaravelVueTwitterApp

In this Laravel and Vue Example, we will build a twitter type web application. For this tutorial, I am using Laravel and Vue.js. I am defining some components inside Vue.js. Also, I am using Axios to send a network request. We simply build an application in which, the user can post the tweet and appears in his timeline. Also, one user can follow or unfollow each other. If currently signed in user follow any other registered user then he can also see the following user’s tweet in his timeline. The very basic app, but the very powerful web app to understand laravel and vue.js fundamental concepts.
PHP
27
star
16

Angular6CRUDTutorial

In this tutorial, I will teach you Angular 6 CRUD Example. I will use Angular, MongoDB, Node.js, and Express.js for this project, so this project is also called MEAN Stack web application. We make a simple Angular CRUD web tutorial, which can create, read, update and delete ad units.
TypeScript
26
star
17

NodeImageUploadResize

You can find full blog post here.
JavaScript
24
star
18

NodeJWTAuth

JavaScript
22
star
19

Laravel57CRUDExample

Laravel 5.7 CRUD Example Tutorial For Beginners From Scratch is today’s leading topic. Laravel 5.7 has some new cool features as well as several other enhancement and bug fixes. In previous Laracon event, Taylor Otwell announced some of the notable changes which are the following. Resources Directory Changes. Callable Action URLs. Laravel Dump Server. Improved Error Messages For Dynamic Calls. Now in this tutorial, first we will install the Laravel 5.7 and then build a CRUD application.
PHP
22
star
20

AngularNgRxStore

Angular NgRx Store Tutorial Example From Scratch is today’s topic. Ngrx/Store implements the Redux pattern using RxJS observables of Angular 2,4,5. ngrx/store builds on the concepts made famous by Redux and supercharges it with the backing of RxJS. In this blog post, you will learn what the Redux pattern is, where the pattern can prove to be useful, and how the design can be used to build better Angular applications. Ngrx is a group of Angular libraries for reactive extensions.
TypeScript
20
star
21

VueFirebaseTutorial

Vue Firebase CRUD Example is the today’s leading topic. If you are new to both Vue and Firebase, then you can check out my another tutorial Vue Firebase Example. It will help you to up and running with Vue and Firebase and how we can connect each other. Now, let us straight to the point and get started.
Vue
20
star
22

reactfrontend

JavaScript
16
star
23

LaravelFacebookLogin

I am going to show you how to Login users with Facebook and save them into your database using Laravel 5.4. If you want more information then please visit this URL:
PHP
15
star
24

AxiosReactExample

JavaScript
14
star
25

ReactReduxStore

This is the simple example of React-Redux concept. You find description at this URL:
CSS
14
star
26

React-and-Firebase-Tutorial

JavaScript
14
star
27

Laravel5.5Tutorial

This is Laravel 5.5 Tutorial With Example From Scratch. If you want to understand more then checkout my article:
PHP
14
star
28

JWTAuthLaravel

Laravel JWT Authentication Tutorial we will discuss today. Setting up JWT Token-based Authentication in Laravel 5.6 is easy.
PHP
13
star
29

VueElasticNode

Vue Elasticsearch Tutorial With Node.js From Scratch is today’s leading topic. We build a frontend in Vue.js and then send a network request to the node.js server and node will query the data to the elastic server. It will get a response and send the JSON response back to the Vue.js client. Now, first, we create a Vue.js frontend and then create a node.js server and index all the data to the elastic-server. Then send a request to the node server and fetch the data. So it is pretty simple stuff to understand.
Vue
13
star
30

LaravelStripePaymentExample

Laravel Stripe Payment Gateway Integration Tutorial With Example is today’s leading topic. We will use the Cashier package to integrate Stripe Payment Gateway in Laravel. The demand for Saas based platform is increasing day by day and nowadays building a subscription-based system is universal. So to make it easy on the backend like Laravel, we do need some packages that can help us build scalable, securable, and reliable web applications. Laravel Cashier makes it very simple to integrate Payment Gateway like Stripe. So let us see how we can integrate stripe in Laravel on Subscription based system.
PHP
13
star
31

Laravel5.5MultipleImagesUpload

PHP
12
star
32

VueLaravelImageUpload

Vue js Laravel File Upload Tutorial is subject we will discuss today. We will use Laravel 5.6 as a backend and Vue js as a frontend framework or library. In this small project, we will upload an image from the vue component.
PHP
12
star
33

NodeJSPassportAuth

Simple Nodejs Authentication System Using Passport is today’s leading topic. In this tutorial, you will learn how to use a passport.js to authenticate the user. So, what is Passport.js? Passport.js is a simple, unobtrusive Node.js authentication middleware for Node.js.Passport.js can be used in any Express.js-based web application.
JavaScript
12
star
34

nodemailer

JavaScript
11
star
35

ReactPWATutorial

In this tutorial. We will see How To Build Progressive Web Application Using React js. Progressive Web app uses the best of web and the best of apps to give a smooth experience to users and feels like the native app.
JavaScript
11
star
36

NuxtjsAuthentication

Nuxt js Laravel Authentication Tutorial With Example is the today’s leading topic. We use Nuxt.js as a frontend and Laravel as a backend. We create an API to that authenticate the user sent from the client. In return, we send a JSON Web Token. After signing in, we will send a JWT token with the request to verify in the server that user is valid and it needs to assign the proper resources he has requested. We use JSON Web Token Authentication for Laravel library to generate the token in the server side.
Vue
11
star
37

Angular7RoutingExample

Angular 7 Routing and Sub Routing Tutorial With Example is today’s leading topic. If you want to navigate to different pages in your application, but you also want the application to be an SPA (Single Page Application), with no page reloading, then your app needs routing and angular makes it very easy. Routing means navigating between the pages. You have seen many websites with links that direct you to the new page. This can be achieved using routing.
TypeScript
11
star
38

NGXSTutorial

Angular NGXS Tutorial With Example From Scratch is the today’s leading topic. We have covered the Angular NgRx Store pattern in this blog, and now it is time for an alternative to this library called Angular NGXS. Ngxs is a different approach to Angular state management.
TypeScript
10
star
39

ReactExpressTutorial

React Express Tutorial Example From Scratch is the leading topic. For this example, we will use React js as a frontend library, node.js as a backend server platform and MongoDB as a database to store the data. React Express Tutorial will help you to setup both Express and React js environment to your local machine.
JavaScript
10
star
40

FetchReactNative

React Native Fetch Example Tutorial From Scratch is today’s leading topic. In this tutorial, we will see how to Integrating React native apps with back end code using fetch API.
JavaScript
10
star
41

expressbackend

JavaScript
9
star
42

VueWebpack4

JavaScript
9
star
43

LaravelBraintreePaymentGateway

In this tutorial, we will see Laravel Cashier Braintree Payment Gateway Tutorial With Example We will build a Subscription based Platform in which the user can choose a plan, and according to that, he will be charged. We use Braintree for this demo, and we will discuss the stripe in the next tutorial. So, we will build a simple payment gateway in which a user can charge according to their selected plan. It is a straightforward system to work with, and for that, we need to create a developer account at Braintree.
PHP
9
star
44

JavascriptBlockchain

n this tutorial, we will see How To Create Blockchain In JavaScript. Blockchain keeps the record of all data exchanges — this record is referred to as the “ledger” in the cryptocurrency world, and each data exchange is the “transaction.“ Every verified transaction is added to the ledger as a “block.” It utilizes the distributed system to verify each transaction — the peer-to-peer network of nodes. Once signed and verified, a new transaction is added to the blockchain and cannot be altered.
JavaScript
9
star
45

AngularModal

Angular Modal Tutorial With Example is today’s topic. We will use Angular Material for this demo. We use Angular 7 for this example. Angular Material is the ground running with significant, modern UI components that work across the web, mobile, and desktop applications. Angular Material components will help us to construct attractive UI and UX, consistent, and functional web pages and web applications while keeping the modern web design principles like browser portability and compatibility. For this tutorial, I have used the angular material dialog‘s same example, but I have shown step by step from scratch.
TypeScript
9
star
46

ReduxContactApp

Simple Redux Create Delete Contact Application is today’s small project. We will use ReactJS as a frontend. We are not using any backend in this tutorial, so a just client-side application. Redux is the most famous library to manage the state at the client side, and it is trendy among React community. We will build a Simple Contact Create Delete Application. In that user can add a new contact and it will display as a list and user can also delete any contact.
JavaScript
9
star
47

node-js-express-tutorial

Express is a Node.js web application framework that provides a robust set of features to develop rich web applications. Today we are going to deep dive in Node js Express Tutorial. If you want to know what is Node.js and why we use in server side technology then please read my article Why we use Node js as a server side technology
JavaScript
9
star
48

DockerNodeMongo

In this tutorial, we will see How To Setup Node Express and MongoDB in Docker from scratch. Docker has become a standard tool not only among DevOps and Infrastructure people but also for the daily work of any developer.
JavaScript
8
star
49

LaravelCharts

PHP
8
star
50

VueTutorial

CSS
8
star
51

Laravel7CRUD

PHP
8
star
52

nodejsgooglecaptcha

JavaScript
8
star
53

Angular9Tutorial

Let's create two separate projects for this Angular 9 tutorial. One is for Angular Frontend, and one is for Node.js backend. That means one is for the frontend, and one is for the backend. We will create a backend API using node and mongodb, which deals with saving, modifying, and removing the form values from Database, and the frontend will consume that API; for example, it shows the data from the backend and post the data to node server and store the values in the database.
TypeScript
8
star
54

ReactReduxExample

In this tutorial, we will see How To Connect React and Redux With Example. For this simple demo, we will not be going to use any backend; we will do that in the next tutorial. We keep this example very simple and make it work at the client side. We create a simple post and display it, but we are going to manage it via Redux store. We can create and delete the post, and our store will handle all the data. We use Bootstrap 4 for the frontend.
JavaScript
8
star
55

ReactNativeDrawerNavigation

React Native Drawer Navigator Example is today’s leading topic. React Native Navigation is a robust library that helps us create Navigation between different screens, Drawer navigation and Tab navigation in our React Native apps.
Objective-C
8
star
56

Laravel58CRUD

Laravel 5.8 CRUD Tutorial With Example For Beginners.
PHP
7
star
57

LaravelNuxtAPI

PHP
7
star
58

AngularJWTAuth

Angular 10 JWT Authentication with Node.js, Express, and MongoDB
TypeScript
7
star
59

AngularDragDropFunctionality

TypeScript
7
star
60

Laravel6CRUDExample

Laravel 6 CRUD Example | Laravel 6 Tutorial For Beginners
PHP
7
star
61

NodeElasticSearchExample

Elasticsearch is an open source search engine, which becomes hugely popular due to its high performance and distributed architecture. Elasticsearch is built on top of the Apache Lucene, which is a high-performance text search engine library. Although Elasticsearch can perform the storage and retrieval of data, its primary purpose is not to serve as a database. Instead, it is a search engine (server) with the primary goal of indexing, searching, and providing real-time statistics on the data.
JavaScript
7
star
62

VueLaravelPagination

In this example, we will see the complete Vue Pagination Tutorial with Laravel backend from scratch. In this example, we will use Vue.js as frontend and Laravel as a backend. We will install some fake data using faker library and then use Axios to send a request to Laravel server, fetch and display the data in the form of Pagination. We will build pagination in Vue from scratch.
PHP
7
star
63

ethereum-nodejs

Ethereum Blockchain Tutorial From Scratch is today’s leading topic. Blockchain is right now google’s one of the most search keywords, and many of you have already heard of Bitcoin or Ethereum. All these cryptocurrencies are based on this technology called Blockchain.
HTML
7
star
64

SocketioChat

HTML
6
star
65

typescript-webpack-env

JavaScript
6
star
66

Laravel8CRUD

PHP
6
star
67

VueLaravelChart

Creating charts with Laravel and Vue js Chart js Tutorial Example is today’s topic. For this topic, we will use two web technologies. Laravel as a backend and Vue.js as a Frontend component.
PHP
6
star
68

playground-s7hbYjBE

Tech.io playground
JavaScript
5
star
69

react-v15.2.4-environment

JavaScript
5
star
70

vuexcounter

Vuex is one of the Vue js’s model implementation, or we can say State of our data representation. So let us talk about Vuex with an example in deep. We are using Vuex 2.0 so, technically it is a Vuex 2.0 tutorial example. For more information visit this URL:
CSS
5
star
71

Laravel54

PHP
5
star
72

ReactReduxFormValidation

Redux Form Validation Tutorial Example From Scratch is today’s leading topic. The underlying implementation of redux-form is simple. However, to make the most of it, it is recommended to have basic knowledge on: Redux state container, React and Higher-Order Components (HOCs).
JavaScript
5
star
73

NodejsExpress2018

Node js Express Tutorial For Beginners From Scratch 2018 is today’s leading topic. Express js is a minimal and flexible Node.js web application framework that provides a robust set of features to develop web and mobile applications. We can build Web APIs through this framework very quickly, and it has tremendous support for the NoSQL databases like MongoDB. You can refer more about Node js Express js Framework on its Official Docs.
HTML
5
star
74

angular-4-template-integration

JavaScript
4
star
75

nodeherokudeploy

HTML
4
star
76

es6-environment

JavaScript
4
star
77

DjangoCrud

Python
4
star
78

VueParcelTutorial

Vue js Setup With Parcel Tutorial From Scratch is the today’s topic. In this example, you will see how we can use Parcel as a module bundler for Vue.js web development.
HTML
4
star
79

AngularDatePicker

Angular Datepicker Example Tutorial is today’s leading topic. The Datepicker allows us to enter a date either through the text input or by choosing the date from a calendar. It is made up of various components and directives that work together.
TypeScript
4
star
80

AngularFirebase

Angular Firebase Tutorial With Example From Scratch is today’s leading topic. We will use Angular 5 as a frontend and Firebase as a backend database service. If you are new to Angular Framework, then please check out my other tutorials like Angular Dependency Injection Tutorial Example, Angular Services Tutorial With Example From Scratch and Angular 5 CRUD Tutorial Example From Scratch. We will build Stock Market Application where the user can insert and display the share price from the Firebase. It is just a skeleton that demonstrates how to do a most common operation with Angular and Firebase. Firebase used a NoSQL Database.
JavaScript
4
star
81

ReactDatepickerExample

We use the package called react-datepicker for this demo. React Date Picker is a simple and reusable Datepicker component. There are many other packages available, but for this demo, we are using React Date Picker package for this example.
JavaScript
4
star
82

angular2_cli

TypeScript
3
star
83

ReactDataVisualizationTutorial

JavaScript
3
star
84

VueRouter

JavaScript
3
star
85

Laravel54Validation

I have put Laravel 5 validation example from scratch code here. This is the simple example of Laravel validation. For more information please visit this URL:
PHP
3
star
86

playground-UjLAnHRe

Tech.io playground
JavaScript
3
star
87

AngularMaterialSVGTutorial

In this Angular Material Icon Tutorial, we will see how we can display the existing material icon provided by the library and also see how we can add our SVG icon to the material app.
TypeScript
3
star
88

AngularMaterialInstall

Angular 5 Material Tutorial From Scratch is today’s leading topic. Technically, It’s an Angular, but I have defined particular version because there are some changes with every new Angular release. Since AngularJS to Angular, there are so many changes even the whole framework is changed. So bear with me and let us get started to this Angular Material Tutorial With Example From Scratch.
TypeScript
3
star
89

AngularReactiveFormValidation

Angular Form Validation Example Tutorial is today’s topic. Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, an end to end tooling, and integrated best practices to solve development challenges.
TypeScript
3
star
90

AngularRoutingIndicator

Angular Routing Progress Indicator Tutorial is the today’s main topic. Proper tools make application development quicker and easier to maintain if you did everything by hand. The Angular CLI is a command line interface tool that can create a project, add files, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.
TypeScript
3
star
91

ecommerce

HTML
2
star
92

playground-e9SFElGL

Tech.io playground
Vue
2
star
93

playground-2ZoUz4tb

Tech.io playground
TypeScript
2
star
94

playground-WaGNxCvz

Tech.io playground
TypeScript
2
star
95

VueAxiosPro

Vue
2
star
96

VueValidation

Vue
2
star
97

Middleware

Laravel 5 Middleware Tutorial With Example is today’s main topic. One of the primary requirement of any web application is HTTP request filtering. If you want to know more then please visit this URL:
PHP
2
star
98

Angular5Animation

Angular Animation Tutorial With Example From Scratch is today’s leading topic. In this Angular 5 Animation Example, we will see how we can import the angular animations module and use it in our application. Angular offers the ability to create compelling animations and activate them based on a variety of factors. You can place animations on any HTML element and make them occur based on lifecycles, events. One of the critical changes from Angular 4 to 5 was the fact that they moved the animation core functions from the external libraries to Angular CLI package
TypeScript
2
star
99

playground-GoPybqPg

Tech.io playground
JavaScript
1
star
100

playground-J56x9HnQ

Tech.io playground
JavaScript
1
star