Creating simple and re-useable components with Vue.js has always given me a fun thing to do. It always force me to code the component in such a way that I am forced to think how the code can be decoupled from the current requirement in hand and make it a very generic one.
In any application, a user’s profile with a functionality to crop and upload an image would be one of the most common functionality. I have done this as well man time and hence I decided why not create a re-useable component which can be easily taken from one project to another.
Continue reading “Using croppie in Vuejs for image crop and upload”
In this video I will show you how to use the Angular JS bootstrap light box and also the cool Angular JS loading bar library to make our Gallery look sleek and polished. Continue reading “AngularJS Lightbox and Loading bar to show the gallery images in modal – Ep14 – SPA Laravel & AngularJS”
In this tutorial, we will create a thumbnail and a medium size image and a thumb image from the main uploaded image and then upload the image to S3 bucket. Continue reading “Use Intervention to resize images and implement Angular Lightbox – Ep13 – SPA Laravel & AngularJS”
In this tutorial we will implement Angular JS with Dropzone and start uploading the image to S3 bucket Continue reading “DropzoneJS File upload to S3 – Ep12 – SPA Laravel & AngularJS”
In this tutorial I will show you how to create an S3 bucket on Amazon Web Services (AWS) and then we will upload images into the bucket. We will first create an IAM user which will also key the KEY and the SECRET which is required for the PHP SDK to work and upload images on S3. Continue reading “S3 bucket and upload file in Laravel with IAM user – Ep11 – SPA Laravel & AngularJS”
In this lesson I will show you how to implement Dropzone JS library inside Angular JS. We will use a directive so that we can use the Dropzone JS library inside Angular and get the events like start of upload and success of upload. Continue reading “Using Dropzone JS with Angular JS – Ep10 – SPA Laravel & AngularJS”
In this lesson I will create a route which accepts the Gallery id. On clicking any gallery, we will load the details on that individual gallery. Continue reading “Creating the Single Gallery page with Angular $routeParams – Ep9 – SPA Laravel & AngularJS”