Echarts setup 1

.github/workflows/deploy.yml

@@ -0,0 +1,33 @@
+name: Deploy echarts
+
+on:
+  push:
+    branches:
+      - echarts-setup-1
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v3
+
+      - name: Navigate to echarts-poc directory
+        run: cd echarts-poc
+
+      - name: Install dependencies
+        working-directory: echarts-poc
+        run: npm install
+
+      - name: Build site
+        working-directory: echarts-poc
+        run: npm run build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: echarts-poc/build/
+          publish_branch: gh-pages
+          destination_dir: echarts

.gitignore

@@ -0,0 +1 @@
+./node_modules

echarts-poc/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

echarts-poc/README.md

@@ -0,0 +1,51 @@
+# ECharts POC
+
+This is a proof-of-concept (POC) dashboard built with **React** and **ECharts**. It showcases various chart types in a tab-based layout, including bar charts, line charts, stacked charts, pie charts, and more.
+
+## Features
+
+- Vertical tab navigation to switch between chart types.
+- Supports multiple chart types: Bar, Stacked Bar, Line, Stacked Line, Waterfall, Pie, and Gauge.
+- Responsive design using **React Bootstrap**.
+
+## Technologies
+
+- **React**
+- **React Bootstrap**
+- **ECharts for React**
+- **Sass** (for styling)
+- **TypeScript**
+
+## Setup
+
+### 1. Clone the repo
+
+```bash
+git clone https://github.com/TalenticaSoftware/UI-POC.git
+cd echarts-poc
+```
+
+### 2. Install dependencies
+
+```bash
+npm install
+```
+
+### 3. Run the app
+
+```bash
+npm start
+```
+
+Visit `http://localhost:3000` to view the app.
+
+## Project Structure
+
+- **src/components/VerticalTabs.tsx**: Main component with tabbed charts.
+- **src/Charts**: Contains individual chart components.
+- **src/App.tsx**: Entry point for the app.
+
+## License
+
+MIT License - see [LICENSE](LICENSE).
+Let me know if you'd like to make any further changes!