/alps-assignment

Primary LanguageTypeScript

Alps Assignment

Built with 🤍 For You!

Features

  • Zoho Creator API Integration.
  • Keep track of Leave Requests.
  • Minimal UI.

Zoho Creator

Technologies Used

  • Frontend: ReactJS, TypeScript
  • Frontend: Node.js, Express.js, TypeScript

Screenshots

Dashboard Page

image

Add Modal

image

Edit Modal

image

Run Locally

  1. Clone the repository:

    git clone https://github.com/kushagra-aa/alps-assignment.git

  2. Navigate to the project directory:

    cd alps-assignment

  3. Setup the Backend

    cd backend

    a. Install dependencies

    yarn

    b. Add .env file

    PORT = <3000>

ALLOWED_ORIGIN = <'*'>

ZOHO_CLIENT_ID = <zoho client ID>
ZOHO_CLIENT_SECRET = <zoho client secret>
ZOHO_CLIENT_REFRESH_TOKEN = <zoho client refresh token>
ZOHO_ACCOUNTS_BASE_URL = <zoho accounts base URL>
ZOHO_CREATOR_BASE_URL = <zoho creator base URL>
ZOHO_ACCOUNT_OWNER_NAME = <zoho account owner name>
ZOHO_APP_LINK_NAME = <zoho app link name>
ZOHO_RECORD_LINK_NAME = <zoho record link name>
ZOHO_FORM_LINK_NAME = <zoho form link name>

MY_ACCESS_TOKEN = <client token>

  4. Setup the Frontend

    cd frontend
    1. Install dependencies
    yarn

    b. Add .env file

    VITE_ACCESS_TOKEN = <client token>

  5. Run Backend

    cd frontend; yarn dev

  6. Run Backend

    cd backend; yarn dev