{"id":23419542,"url":"https://github.com/o2sa/expert_chart_landingpage","last_synced_at":"2025-04-09T09:12:15.013Z","repository":{"id":262214652,"uuid":"882498501","full_name":"O2sa/expert_chart_landingpage","owner":"O2sa","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-12T00:59:22.000Z","size":37229,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-15T03:17:08.519Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/O2sa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-02T23:49:16.000Z","updated_at":"2024-11-12T00:59:25.000Z","dependencies_parsed_at":"2024-11-11T08:31:50.101Z","dependency_job_id":"533fe7d0-4ea0-4f95-9881-fd5ccf941501","html_url":"https://github.com/O2sa/expert_chart_landingpage","commit_stats":null,"previous_names":["o2sa/expert_chart_landingpage"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/O2sa%2Fexpert_chart_landingpage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/O2sa%2Fexpert_chart_landingpage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/O2sa%2Fexpert_chart_landingpage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/O2sa%2Fexpert_chart_landingpage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/O2sa","download_url":"https://codeload.github.com/O2sa/expert_chart_landingpage/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248008630,"owners_count":21032556,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-23T01:18:21.879Z","updated_at":"2025-04-09T09:12:14.992Z","avatar_url":"https://github.com/O2sa.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Setup Guides\nThis the guides step by step to run the ChartExpert website.\n\n\n**Prerequisites:**\n\n1.  **Node.js and npm (or yarn)**\n\n----\n\n **Open a terminal or command prompt and navigate to the root directory of the project using `cd`**\n\n\n## Installing Website Dependencies and Building the Project\n\n**1. Integrating Tawk.to Live Chat with Your Website (Including Multiple Languages)**\n\n**This guide walks you through integrating Tawk.to live chat with your website, supporting multiple languages with separate widget IDs.**\n\n**Prerequisites:**\n\n- A Tawk.to account (free tier available).\n\n**Steps:**\n\n**1. Create a Tawk.to Account and Property:**\n\n1. Visit [https://www.tawk.to/](https://www.tawk.to/) and create a free Tawk.to account.\n2. Follow the steps to create a new property for your website.\n3. Make note of the **Property ID** displayed in the dashboard. You'll need it later.\n\n**2. Add Multiple Language Widget IDs:**\n\n1. Within your Tawk.to property dashboard, navigate to the **\"Settings\"** section.\n2. Go to the **\"Chat Widgets\"** tab.\n3. Here, you'll see the default widget ID for your property. This will be used for the main language on your website.\n4. To add a widget for another language, click on **\"Add Widget\"**.\n5. Customize the widget settings for the specific language. For example, you could configure the widget language and pre-defined messages.\n6. Once finished, note down the unique **Widget ID** for this language. Repeat this process for additional languages you want to support.\n\n**3. Set Up Environment Variables:**\n\n- Inside the `.env` file, edit the following lines, replacing placeholders with your actual values:\n\n  ```\n  VITE_APP_TAWK_PROPERTY_ID=YOUR_PROPERTY_ID          # Replace with PROPERTY ID\n  VITE_APP_TAWK_EN_WIDGET_ID=YOUR_ENGLISH_WIDGET_ID  # Replace with English widget ID\n  VITE_APP_TAWK_AR_WIDGET_ID=YOUR_FRENCH_WIDGET_ID   # Replace with Arabic widget ID\n  ```\n\n- Do not forget to save the file\n\n**4. Add google analytics and facebook pexiel:**\n- Inside the `.env` file, edit the following lines, replacing placeholders with your actual values:\n\n  ```\n  VITE_FB_PIXEL_ID=YOUR_FACEBOOK_BIXEL_ID          # Replace with facebook ID\n  VITE_GA_MEASUREMENT_ID=YOUR_GOOGLE_ID            # Replace with google analytics ID\n  ```\n\n- Do not forget to save the file\n\n**5. Install Client Dependencies and Build the Website:**\n\n- Navigate to the root folder.\n- Run the following command in your terminal:\n  ```bash\n  npm install \u0026\u0026 npm run build\n  ```\n  This will install all the necessary dependencies for your React application and create an optimized production-ready build of your React application in the `dist` folder.\n\n\n\n**Choose a Hosting Provider:**\n- To host the website you can choose any hosting provider can running Nodejs apps, like:\n    1. Netlify\n    2. Render\n    3. Heroku\n    4. Hostinger (VPS)\n    5. Vercel\n    \n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fo2sa%2Fexpert_chart_landingpage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fo2sa%2Fexpert_chart_landingpage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fo2sa%2Fexpert_chart_landingpage/lists"}