Vue.js Development

Our Experience with Vue.js:

At Mindrops, we always thrive to learn and excel in latest more efficient tech stacks available out there. We got opportunity to work on wide range of projects which helped us building a strong team and expertise in VueJS ecosystem to deliver many complex applications to our various clients. We have used Vue.js with Node.js and Laravel as backend. Here are brief for few of projects we have worked on:

Influencer Marketing Platform:

Developed to connect bloggers with luxury brands worldwide and provide them a holistic environment to interact and work in a cohesive way using this platform. With more than 5,000+ influencers, reaching a relevant audience of 150 million + each month, and delivering over 3+ billion impressions across Facebook, Tumblr, Instagram, Twitter, YouTube, Google Analytics and Pinterest this platform is one the leaders in Influencer Marketing industry. Mindrops has been working with them since inception and able to support them with their ever changing requirements over the years.

HR and Online Recruitment Platform :

We have developed an online recruitment platform for one our client. With this platform, the employers no longer needs to buy access to resume databases from established jobs portals. They pay a small fee (in tokens) directly to a job seeker eliminating the need for intermediaries. Further, Users also have the opportunity to earn tokens by using this platform. We were able to implement a fully functional payment system using NEM framework and remove middle man from recruitment industry to deliver incentives in form of “PLEO” (A NEM based Crypto Currency) between wallets.

Health Care Platform :

A health care platform for patients and doctors where users/patients can submit their treatment history and medical reports and take second opinion or online consultation for any health related questions to a specialist doctor. Patient can select different plans based on the type of services they need. Payments are made using online payment gateway ‘Stripe’ for this platform.

Event Management System:

We developed an event management system that helps scheduling and managing meetings, attendees, vendors, coordinators and speakers. The portal also provides extensive reporting. The goal of this project was to convert Access database stand alone software into a web based portal which is easily accessible via different types of logins.

Technologies we used with above platforms

Vue.js, Nuxt, Nodejs, Postgresql, Express, Heroku, NEM blockchain, Stripe, Netlify, Laravel, Digital Ocean

Tools we love using @ Mindrops:

  • Vs code.
  • Eslint
  • Gitlab/Github
  • Sentry
  • yarn
  • Pgadmin
  • Webpack
  • Slack/Telegram/Microsoft teams

Libraries we have used and found quite good:

  • Vuetify
  • Elementui
  • Vue bootstrap
  • Lodash
  • Vue2- filters
  • pusher-js
  • vee-validate
  • raven-js

Vue.js Introduction

Vue.js is an open source javaScript framework used to develop interactive web applications. It is one of the most famous framework used for simplified web development. Vue.js focuses on ‘view layer’. It can be easily integrated into big projects for front-end development without much hassle or changes. The installation for Vue.js is very easy to start with. Any developer, beginner or professional can easily understand and build interactive web interfaces in no time.

Vue.js was created by Evan You, an ex-employee from Google. The first version of Vue.js was released in Feb 2014. Its popularity is constantly growing and there are no signs of slowing down! Recently, in June of 2018, it has reached the highest NPM download since its very launch - around 1.6 million monthly downloads. It recently clocked 122,330 stars on GitHub, making it one of the most popular frameworks out there.

Highlights

Component Based

Components are one of the most powerful features of Vue.js. They help you extend basic HTML elements to encapsulate reusable code. At a high level, Components are custom elements that Vue.js’ compiler would attach specified behaviour to. In some cases, they may also appear as a native HTML element extended with the special is attribute.

Single File Components

Single File Components encapsulate the structure, styling and behaviour into one file. Single File Components are an easy concept to understand. In the past you've had to create three separate files for your component(s):

  • One HTML file for the structure.
  • One JavaScript file for the behaviour and dynamic content.
  • One CSS file for the layout and styling.

Vuex (State Management Framework)

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

Vue Router (Routing)

Vue Router is the official router for Vue.js.It supports :

  • Nested route/view mapping
  • Modular, component-based router configuration
  • Route params, query, wildcards
  • View transition effects powered by Vue.js' transition system

Axios (Http Module)

Axios is a promise-based HTTP client that works both in the browser and in a node.js environment. It basically provides a single API for dealing with XMLHttpRequests and node’s http interface.

If You Want To Make Your Site SEO Friendly

Server Side Rendering (NUXT):

Nuxt.js is a framework for creating Vue.js applications with server side rendering, code-splitting, hot-reloading, static generation and more. It simplifies the development of universal or single page Vue apps.Nuxt.js abstracts away the details of server and client code distribution so you can focus on application development.

Features:

  • Create universal apps without the hassle.
  • Statically render your Vue apps and get all of benefits of a universal app without a server
  • Get automatic code splitting (pre-rendered pages)
  • Setup via the command line with the starter template
  • Get great project structure by default
  • Get ES6/ES7 compilation without any extra work
  • Get setup with an auto-updating server for easy development
  • Bundling and minifying of your JS & CSS
  • Powerful Routing System with Asynchronous Data

Prerendering (vue-ssr-plugin):

If you're only investigating SSR to improve the SEO of a handful of marketing pages (e.g. /, /about, /contact, etc), then you probably want prerendering instead. Rather than using a web server to compile HTML on-the-fly, prerendering simply generates static HTML files for specific routes at build time. The advantage is setting up prerendering is much simpler and allows you to keep your frontend as a fully static site. If you're using webpack, you can easily add prerendering with the prerender-spa-plugin. It's been extensively tested with Vue apps - and in fact, the creator is a member of the Vue core team.

How can we help you?

Our team thrives on new projects and challenges. If you have a project in mind that you think we could add value to - then please do get in touch - we’d love to hear from you. Please call +91 9555575231 or

Contact Us