Git Product home page Git Product logo

zoho-crm-form-deals-accounts-using-vue-js-and-inertia-laravel's Introduction

This is a step-by-step guide on how to create a Zoho CRM form that can handle deals and accounts using Vue.js and Inertia Laravel. It covers the following topics:

  • Setting up the project environment and installing the required dependencies
  • Creating the database tables and models for deals and accounts
  • Creating the routes, controllers and views for the form
  • Adding validation, error handling and success messages to the form
  • Testing the form functionality and submitting data to Zoho CRM

Using Vue.js components and Inertia Laravel to build a dynamic and responsive form that can interact with Zoho CRM API. The features include validation, error handling, loading indicators, and success messages. The installation requires cloning the repository, installing the dependencies, setting up the environment variables, and running the migrations.

This repository contains a simple crud built using laravel 8,asciisd/zoho, inertiajs and Vue 3.

The web CRM platform using Vue.js and Laravel as a backend

Dev Stack:

To create a deal and account in Zoho CRM using the Zoho CRM API. The form should contain **all** the required fields to create these records and the records must be linked to each other. Additionally, an automatic token refresh mechanism must be implemented to allow creation of records from the form at any time.

Requirements

Then, follow the next steps:

  1. Go to Zoho CRM Developer Console.

  2. ADD CLIENT Server-based Applications.

  3. Enter Client Name Any name you want

  4. Enter Homepage URL your base home url

  5. Enter Authorized Redirect URIs config('app.url') . /zoho/oauth2callback or .env [ZOHO_REDIRECT_URI]

  6. Go to your project location on terminal and enter

    php artisan zoho:authentication
  7. Copy the generated link and past it in the browser to complete the oAuth process.

Now Zoho CRM is ready to use.

Installation:

composer i
npm i
php artisan migrate
  • .env reqired:
APP_URL=[YOU_URL_HERE]

ZOHO_ACCOUNTS_URL=https://accounts.zoho.eu
ZOHO_API_BASE_URL=www.zohoapis.eu

ZOHO_CLIENT_ID=[ZOHO_CLIENT_ID]
ZOHO_CLIENT_SECRET=[ZOHO_CLIENT_SECRET]
ZOHO_REDIRECT_URI=[ZOHO_REDIRECT_URI]
ZOHO_CURRENT_USER_EMAIL=[YOU_URL_HERE]/zoho/oauth2callback

The forms created using Vue.js and Laravel as a backend. It will include the following features:

  • Ability to create a deal and account in Zoho CRM
  • Linking of the deal and account records in Zoho CRM
  • Automatic token refresh mechanism for uninterrupted creation of records

The form also include the following functionality:

  • Validation of all form fields to ensure that valid values are entered
  • Display of error messages if an invalid value is entered
  • Display of a success message if the records are successfully created
  • Display of an error message if the records fail to be created
  • Use of Vue.js to create a dynamic and responsive user interface
  • A submit button to create the deal and account records in Zoho CRM

The backend implemented using Laravel and include the following:

  • Integration with the Zoho CRM API for creating deals and accounts
  • Implementation of the automatic token refresh mechanism
  • Creation of the necessary routes and controllers to handle form submissions

License

The MIT License (MIT). Please see License File for more information.

zoho-crm-form-deals-accounts-using-vue-js-and-inertia-laravel's People

Contributors

my-ihq-prf avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.