Free Quasar Admin CRM Template made using Vue.js and Quasar Framework

Mayank Patel
4 min readApr 23, 2020

Update: Buy the premium version Admin CRM Template at $69 at https://techforest9.gumroad.com/l/gbrmmzj

Hello guys! Before moving directly into the core part, let’s learn about the CRM and technologies used to build the open-source template to fulfill CRM needs.

What is Customer relationship management (CRM)?

Customer relationship management is an approach to manage the company’s interaction with current and potential customers. As soon as the company’s growth increases, it is essential that the company has a centralized place where all the information resides.

It may have a bad impact on your team unless their questions like who are our customers, how to get in touch with them, how to keep interactions tracking etc. CRM system is built to deal with these kinds of daily tasks. With the centralized system, it’s easy to organize all the details of your leads and your customers.

Who should use the CRM system?

Any company that wants to maintain a relationship with its customers can benefit from the CRM system. The group of companies like B2B companies, which typically need to track their customers with long sales cycles can benefit most of it.

Reporting and visualization: It's always difficult to maintain the Sales on Excel spreadsheets. It’s always the requirement to show sales by month, by quarter to top management. With the CRM system, you will have all the information in one system and it's really easy to take out standard reports or visualize in beautiful dashboards.

Now, as we are clear about the requirement of the CRM system, lets elaborate more on the free CRM template that I personally have designed.

Resources used to build the CRM Template:

What is Quasar Framework? Build responsive webpages at a faster pace. You can expedite the development with the Quasar Framework bu utilizing the inbuilt components. It is very easy to make your own components to reuse them wherever needed. The Quasar Framework is a tool in the Front-End Frameworks category of a tech stack.

I researched a bit and found that the free templates are important for companies who want to build their own CRM system to track their daily activity. So I decided to build one free CRM template with the beautiful Quasar Framework.

Vue.js: Vue.js is an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-page applications.

The Quasar Framework is the front-end framework with VueJS components for best-in-class high-performance, responsive websites. I found after research that many sales representatives use devices like the iPad or sometimes use their mobile phones. It was necessary for me to build a fully responsive website when the Quasar Framework was the best fit.

Features included in the CRM template:

  • Modern and responsive design
  • Simple CRM Dashboard
  • Daily interaction management
  • Track customers activity
  • Track company’s daily transactions
  • The calendar view to track activity
  • Departments
  • Export feature

I have added features like download charts, download reports, full-screen view, etc which are the basic requirements of any CRM system.

More importantly, this is an open-source template that anyone can download at any time and start with it if it suits their requirements.

You can access the CRM template by using the following link:

You can follow the instructions that I have written to set up the project on your system. Feel free to send queries in case of any doubts to me at mayank091193@gmail.com address.

You can access the live preview at the following link:

Few screens:

Login Screen

Login Page

Dashboard

Dashboard

Change Request Management

Change Request

If it helps you in any way, you can contribute ♥ to this project by the following link.

Conclusion

It is very easy to build responsive templates like CRM using the Quasar Framework and Vue.js

In the end, thank you very much to the developers and maintainers of the Quasar framework and Vue.js. And of course thanks to the open-source libraries.

In case of any feedback, leave a comment below. Please read and clap.

Thank you very much for reading!

--

--

Mayank Patel

Senior Solutions Developer | Part Time Open Source Developer