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

Add Modal

Edit Modal

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