Image upload is one of the most useful and required feature for almost any kind of website. From Profile picture upload to Gallery and Photos Albums and many others features of websites require the image upload mechanism. Node Express is one of the growing Web Framework that is used to build websites using JavaScript. We’ll […]
I have already done a Facebook Style Relationship System in a previous post that covers the database design and PHP implementation of various friendship actions like Sending a friend request, Accepting Friend request, Blocking a user etc. This post covers another very usefull feature that was requested by users, Friends Suggestions for the currently logged in user. Read the […]
One of the important feature of Social Networks is to show which of your friends are online at the time so that you can connect with them. This is a amazing feature that increases the User Experience in the site. Here this system is implemented with a basic setup of a friends relationship and simple […]
oEmbed is a way for third-party websites to display an embedded representation of an URL. Using this format service providers implement URL Schemes and API endpoints for third-party websites to use and display embedded representation of their content. Overview OEmbed URL Expand Overview A consumer(e.g Facebook) requests the service provider(e.g Youtube) with the following HTTP request(when a user posts a Youtube URL). oEmbed API […]
LESS makes our code organized and easy to maintain a large CSS code. The Extend Feature in less comes in very handy, where you can use it to keep the code organized and avoid repetitive code. With a good understanding of this feature you can make your web design process easier. The official less css […]
LESS also known as Leaner CSS is a dynamic stylesheet language. It provides us various features available in programming languages. Features like Variables, functions like feature called Mixins, inheritance like feature called Extend (But not the inheritance that you think in other languages will work like). With LESS we can create cleaner and more efficient CSS. With LESS maintaining CSS is […]
In this final part, we’ll cover the UI of the Slack Bot Clone application. We will be using Vue.js to build the UI and the data will be fetched from the firebase database. Read Part One and Part Two of Building a Slack Bot clone using firebase and Vue.js before reading this. To know about how to Implement the Authentication […]
Firebase Authentication can easily be integrated into web apps with just a few lines of code. In this tutorial we are going to implement the Firebase Authentication using Vue.js. Although Firebase supports authentication using service providers like Facebook, Twitter and more, here we’ll look at Signing Up a user in Firebase and Authenticating that user […]
Vue.js is a framework for building reactive user interfaces, focusing only on the view layer. Like React, Vue uses Virtual DOM to compute differences between the DOM elements and applies the minimal amount of DOM updates required. The reactive behaviour of Vue always keeps the data and the DOM in sync.SourceLive Demo Note: Open your Web Console to tinker with the […]
Basics Of Webpack Module Bundler – Config, Dev Server, Loaders Webpack is an amazing tool used by lot of developers. After starting to use webpack, it felt like it was not the regual way scripts would be serverd or how fast the development process was with the various technologies(React, JSX, Coffee, Babel etc) that was […]