🛒 Xontrix

Shop. Manage. Analyze Smarter.

An integrated Electronics E-Commerce, Inventory & AI Business Intelligence platform featuring a component catalog, multi-channel checkout, sales analytics dashboard, and AI-powered advisor agents.

Introduction • Local Setup & Credentials • Screenshots • Features • Architecture • Design Patterns • Tech Stack • Services & Environment Configuration • Getting Started • API Reference • Database Schema • Project Structure • Product Categories • Roadmap • Contributing • License

📖 Introduction

Xontrix is a full-stack, monorepo-based electronic components e-commerce platform and business intelligence suite. Built to provide hobbyists and professional builders with an easy way to purchase microcontrollers, sensors, motors, and shields, Xontrix also delivers a powerful web portal for administrators to run sales analytics, track stock levels, and coordinate delivery calendars.

The platform links a clean React web frontend and an Apache Cordova mobile client with a PHP/MySQL API server and a dedicated Node.js/Express authentication server. By integrating inventory capping checks, role-based access, a full user account dashboard, and conversational AI advisor widgets (an Admin-side AI Strategic Advisor and a User-side AI Electronics Consultant), Xontrix is a comprehensive showcase of modern e-commerce engineering.

💡 Designed for local & mobile deploy, Xontrix utilizes XAMPP (Apache + MySQL) to keep backend setups simple and lightweight. This makes it easy to run local demonstrations, debug database states, and compile native Android packages directly against the local web API.

🌐 Local Setup & Credentials

Local Services

Service	Address / Port	Technology	Location
🌐 Web Portal	http://localhost:5173	React 18 + Vite 6 + Tailwind 4	`apps/web/`
🔐 Auth Server	http://localhost:3001	Node.js + Express + JWT	`apps/auth-server/`
⚙️ API Server	http://localhost/xontrix-backend/api	PHP REST-like API	`apps/backend/xontrix-backend/`
💾 Seed Installer	http://localhost/xontrix-backend/api/install.php	Schema seed engine	`apps/backend/xontrix-backend/api/install.php`
📦 Mobile App	Target Android APK	Apache Cordova CLI wrapper	`apps/mobile/cordova-mobile/`

Default Seeded Credentials

The database installer includes seeded user records to speed up development. Running the seeder initializes the default admin user listed below. You can log in using these credentials to access the analytics and management dashboards:

Role	Email	Password	Admin Access
Platform Administrator	`admin@xontrix.local`	`admin123`	✅ Full access to sales analytics, orders, products, inventory, user lists, and AI reports

Note: To seed or reset the database back to default records (including products, orders, user accounts, and feedback comments), run the install.php file in your browser once. For production security, restrict access or delete this file in deployment environments.

📸 Screenshots

🔝 Navigation Header

Persistent top navigation bar with logo, search field, category links, cart badge, and user account menu.

🏠 Homepage — Hero Section

Modern storefront hero featuring a full-width promo banner, headline copy, and a primary call-to-action to browse the catalog.

🏠 Homepage — Categories Section

Visual category grid showcasing all six electronics categories with icon cards and quick-navigate links.

🏠 Homepage — Universities & Featured Sections

Mid-page highlights including university partnerships, featured component picks, and promotional deal rows.

👣 Homepage Footer

Clean, descriptive footer layout listing store links, customer attributions, and design credits.

🛍️ Products Page — Catalog Listing

Product catalog screen featuring category sidebar filters, search bar, item ratings, stock status, and add-to-cart actions.

🛍️ Products Page — Scrolled View

Lower catalog section showing additional products with consistent card layout and badge indicators.

📦 Product Detail — Top View

Individual product page with high-res image, pricing, stock indicator, specification table, and add-to-cart controls.

📦 Product Detail — Scrolled View

Lower product detail area showing the full specifications breakdown, ratings summary, and customer reviews.

🛒 Cart — Empty State

Empty cart state with a friendly placeholder illustration and a call-to-action to continue browsing the catalog.

ℹ️ About Page — Top View

Frosted-glass UI introducing the store's mission, quality standards, and core team overview.

ℹ️ About Page — Scrolled View

Lower about section featuring technical partner attributions, community milestones, and social proof details.

📬 Contact Page

Clean contact page with an interactive query form, customer support links, and office location details.

🔐 Login Page

Authentication page supporting standard email/password login and Google sign-in via Firebase OAuth flow.

🤖 Chatbot — Opened

AI Electronics Consultant floating widget opened, ready to assist users with product compatibility questions.

🤖 Chatbot — Active Conversation

Live chatbot session demonstrating context-aware recommendations for selecting compatible microcontrollers and sensors.

💳 Checkout Page

Checkout layout showing order summary, shipping calculation, and multi-channel payment method options (GCash, Maya, COD, Card).

🚫 404 Not Found Page

Styled not-found page with navigation shortcuts to guide users back to the catalog or homepage.

✨ Features

Feature	Description
🛒 Product Catalog & Filters	Dynamic electronics catalog with category sorting, search, item ratings, reviews, stock labels, and new item flags.
💳 Flexible Checkout Flow	Step-by-step transaction form supporting GCash, Maya, Cash on Delivery (COD), and credit card configurations.
📦 Real-Time Inventory Sync	Automatic database checks that block purchases when quantities exceed stock, updating stock values on successful orders.
📊 Admin Sales Analytics	Business Intelligence dashboard with charts, MoM growth metrics, targets, pending/shipped order states, and low-stock warnings.
🤖 AI Strategic Advisor	Admin-side chatbot that scans sales metrics and historical feedback to generate financial advice.
💬 AI Electronics Consultant	Customer-side floating chat widget that guides users on picking compatible microcontrollers and sensors.
📅 Delivery Order Calendar	Dynamic calendar displaying shipping statuses, order delivery deadlines, and priority warnings.
🏅 Customer Loyalty Tiers	Automatically places customers into Bronze, Silver, Gold, or Platinum tiers based on total spend and order counts.
👤 User Account Dashboard	Full profile management with order history, saved addresses, wishlist, notifications, and security settings.
🔐 Multi-Auth Protocol	Session-based login, JWT authentication via Node.js/Express auth server, and Google OAuth via Firebase Auth SDK.
📱 Cordova Mobile Wrapper	Cordova project setup targeting Android platforms, allowing the web portal to be compiled into a native APK.
🏗️ PNPM Monorepo Layout	Organized workspaces grouping the web app, auth server, PHP API backend, documentation, and mobile build wrappers.

🏗️ Architecture

System Architecture Diagram

graph TB
    subgraph Client ["🖥️ Client Layer"]
        WEB["React 18 & TypeScript<br/>Web Portal<br/>(Vite 6)"]
        MOBILE["Apache Cordova<br/>Mobile App<br/>(Android APK Target)"]
    end

    subgraph AuthSrv ["🔐 Auth Server (Node.js / Express)"]
        JWT["JWT Token Issuer<br/>bcrypt Password Hashing"]
        GOOGLE["Google Token Verifier<br/>(google-auth-library)"]
    end

    subgraph API ["⚙️ API Layer (Apache / XAMPP)"]
        BOOTSTRAP["bootstrap.php<br/>Global Init & Cors"]
        CONFIG["config.php<br/>MySQL DB Config"]
        PRODUCTS["products.php<br/>Product Catalog CRUD"]
        ORDERS["orders.php<br/>Order Placement & Sync"]
        USERS["users.php<br/>Session Auth & Roles"]
        SALES["sales.php<br/>Sales & Analytics API"]
        UPLOAD["upload.php<br/>Image Uploader"]
    end

    subgraph Data ["💾 Data Layer (Local Server)"]
        MYSQL["MySQL Database<br/>(Local Relational tables)"]
    end

    subgraph Services ["🌐 External Services"]
        FIREBASE["Firebase Auth SDK<br/>Google Login Portal"]
    end

    subgraph UserAI ["💬 Client-side User AI"]
        CONSULTANT["AI Floating Widget<br/>Electronics Consultant"]
    end

    subgraph AdminAI ["🤖 Admin-side AI"]
        ADVISOR["AI Strategic Advisor<br/>Chatbot Interface"]
    end

    WEB -->|"HTTP Requests"| API
    WEB -->|"Auth Requests"| AuthSrv
    MOBILE -->|"HTTP Requests"| API
    WEB -->|"OAuth Tokens"| FIREBASE
    AuthSrv -->|"SQL Queries"| MYSQL
    API -->|"SQL Queries"| MYSQL
    WEB -->|"Floating Chat"| CONSULTANT
    WEB -->|"Admin Chat"| ADVISOR
    ADVISOR -->|"Scans Context"| API

    style Client fill:#1e1b4b,stroke:#818cf8,color:#f8fafc
    style AuthSrv fill:#1e293b,stroke:#22d3ee,color:#f8fafc
    style API fill:#111827,stroke:#10b981,color:#f8fafc
    style Data fill:#1e1b4b,stroke:#eab308,color:#f8fafc
    style Services fill:#111827,stroke:#f97316,color:#f8fafc
    style UserAI fill:#1e293b,stroke:#06b6d4,color:#f8fafc
    style AdminAI fill:#1e293b,stroke:#a855f7,color:#f8fafc

Data Flow

User / Admin Interaction
  │
  ├─── [Products List / Catalog] ─→ productsApi.list() ──→ products.php ──→ MySQL (SELECT)
  │
  ├─── [Checkout Transaction] ────→ ordersApi.create() ──→ orders.php
  │                                                          ├──→ Check Stock Availability
  │                                                          ├──→ Deduct MySQL Inventory (UPDATE)
  │                                                          ├──→ Insert Order & Items (INSERT)
  │                                                          └──→ Return ApiOrder JSON
  │
  ├─── [Login / Register] ────────→ Auth Server (Express) ─→ JWT Token
  │                                                          ├──→ bcrypt password hash verify
  │                                                          ├──→ Google token validation
  │                                                          └──→ Return signed JWT cookie
  │
  ├─── [AI Strategic Advice] ─────→ Admin Dashboard ─────→ salesApi.summary() ──→ sales.php
  │                                                          ├──→ Compute financial KPIs
  │                                                          ├──→ Retrieve daily/weekly/monthly charts
  │                                                          └──→ Strategic advice prompt context
  │
  └─── [Google Authentication] ───→ Firebase Auth SDK ───→ Auth Server / users.php
                                                             ├──→ Create / Login User Record
                                                             └──→ Return Session Cookie

📐 Design Patterns

Pattern	Usage	Details
🔀 Monorepo Structure	Workspace Layout	Manages multiple applications (frontend, auth server, backend, mobile) within a single codebase using `pnpm-workspace.yaml`.
📋 Model-View-Controller (MVC)	Backend Routing	PHP controllers act as routers (Controllers), database queries represent data shapes (Models), and JSON outputs serve as views (Views).
🧱 Type-Safe Contracts	API Interface Client	TypeScript interfaces in the web app mirror MySQL schema fields exactly, creating an end-to-end data contract.
🔐 JWT + Session Auth	User Authentication	Combines a dedicated Node.js JWT auth server with PHP sessions, plus Firebase tokens for Google OAuth client flows.
🛡️ Guard / Policy Pattern	Admin Route Protection	Middleware checks roles (e.g., admin role check) both in React Router (frontend) and on the PHP backend APIs (backend).
🎣 State Synchronization	React Hooks & Context	Syncs shopping cart state, session user profiles, and catalog cache across pages using React Context providers.
⚙️ Inventory Safety	Optimistic Locking	Verifies quantity caps during cart updates and re-validates stock levels at the moment of checkout transaction.
🤖 Conversational Interface Agent	UI Chat Widgets	Integrates floating conversational UI components leveraging context-aware responses to guide users and advise admins.

🛠 Tech Stack

🎨 Frontend

Technology	Purpose
	Component-based UI rendering, local state management, and virtual DOM diffing.
	End-to-end type safety, auto-completion of API models, and compile-time error checks.
	Bundle compiler, development server, dynamic hot module replacement, and environment configurations.
	Responsive utilities, layouts, gradients, and custom components styling.
	Modular accessible building components built on Radix UI primitives.
	Custom interactive area and line charts for daily/weekly/monthly revenue tracking.

⚙️ Backend

Technology	Purpose
	Server-side script request routing, JSON generation, session management, and stock deduction.
	Relational database engine storing products, user details, order lists, analytics, and feedback.
	Dedicated auth server handling JWT issuance, bcrypt password hashing, and Google token verification.
	Google sign-in provider SDK, handling client token flows for account login matching.

🧰 Mobile & Tooling

Technology	Purpose
	Hybrid wrapper compilation to bundle Vite production assets into a native Android APK target.
	Workspace package manager handling dependencies, workspace scripts, and monorepo orchestration.

☁️ Services & Environment Configuration

Deployment Workflow

Workspace (Local Edit)
   │
   ├─── Web Assets Build ──→ pnpm build ──→ dist/ ──→ Deploy to Static Apache Root
   │
   ├─── Auth Server ───────→ node server.js (or nodemon) ──→ localhost:3001
   │
   ├─── Mobile APK Build ──→ cordova build android ──→ platforms/android/app/.../app-debug.apk
   │
   └─── Backend Setup ─────→ Copy apps/backend/xontrix-backend to htdocs/
                                 └─── Trigger db seeder install.php

Service Roles

#	Service	Role	Server / Local	Description
1	Apache HTTP Server	Web API Host	Local (XAMPP)	Hosts the PHP controllers and assets, handling API routing calls.
2	MySQL Database	Relational Storage	Local (XAMPP)	Stores core entities: products, inventory, users, sales metrics, and logs.
3	Node.js Auth Server	JWT Authentication	Local (Express)	Handles password hashing, JWT token issuance, and Google token validation.
4	Firebase Console	Google Identity Provider	Cloud Service	Authenticates user clients and returns credentials for Google login sync.
5	Cordova Android SDK	APK Compiler	Local CLI	Wraps frontend files into native Android app package configurations.

Environment Configuration Reference

To let the frontend web portal communicate with the backend PHP endpoints, auth server, and Google Auth, create a .env file under apps/web/ containing:

# ── API Connection (XAMPP Local Server) ──
VITE_API_URL=http://localhost/xontrix-backend/api

# ── Auth Server Connection ──
VITE_AUTH_URL=http://localhost:3001

# ── Google Authentication (Firebase Console Setup) ──
VITE_FIREBASE_API_KEY=your_firebase_api_key_here
VITE_FIREBASE_AUTH_DOMAIN=your_project_id.firebaseapp.com
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_project_id.appspot.com
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_firebase_app_id

🚀 Getting Started

📋 Prerequisites

Ensure you have the following software installed locally:

Tool	Version	Link
🟢 Node.js	`≥ 18.0`	nodejs.org
📦 pnpm	`≥ 9.0`	pnpm.io
🎛️ XAMPP / WampServer	Latest (PHP 8+, MySQL)	apachefriends.org
📱 Android Studio / SDK	Command Line Tools & Gradle	developer.android.com
☕ Java JDK	`17`	oracle.com

⚡ Local Project Setup

1. Clone the repository

git clone https://github.com/TechyElle/e-commerce_website.git
cd e-commerce_website

2. Install dependencies

pnpm install

3. Configure the PHP / MySQL Backend (XAMPP)

Copy the folder apps/backend/xontrix-backend into your XAMPP htdocs directory:
```
C:\xampp\htdocs\xontrix-backend
```
Open XAMPP Control Panel and start Apache and MySQL.

4. Generate & Seed the Database

Open your browser and navigate once to:
```
http://localhost/xontrix-backend/api/install.php
```
This creates the tables defined in schema.sql and inserts mock electronics products, orders, and users.

5. Start the Auth Server

cd apps/auth-server
npm run dev

The auth server will be available at http://localhost:3001.

6. Start the Frontend Web App

Ensure you have configured your .env file under apps/web/.
From the monorepo root, launch the development server:
```
pnpm dev
```
Open http://localhost:5173 in your browser.

📱 Building the Mobile App (Android)

1. Navigate to the Cordova workspace

cd apps/mobile/cordova-mobile/

2. Add the Android platform

cordova platform add android

3. Compile target APK

cordova build android

The output APK will be generated at: platforms/android/app/build/outputs/apk/debug/app-debug.apk

📡 API Reference

PHP API — `http://localhost/xontrix-backend/api`

Endpoint	Method	Description
`/products.php`	`GET`	List all products with optional category/search filters
`/products.php`	`POST / PUT / DELETE`	Admin product CRUD operations
`/orders.php`	`GET`	Retrieve orders list
`/orders.php`	`POST`	Place a new order with inventory deduction
`/users.php`	`GET / POST`	User session management and login
`/sales.php`	`GET`	Sales summary, revenue charts, and analytics KPIs
`/upload.php`	`POST`	Admin product image file upload

Auth Server — `http://localhost:3001`

Endpoint	Method	Description
`/auth/register`	`POST`	Register a new user with bcrypt password hashing
`/auth/login`	`POST`	Login and receive a signed JWT token
`/auth/google`	`POST`	Verify Google token and return a JWT

🗄️ Database Schema

The relational database (hosted locally on MySQL) is structured as follows:

erDiagram
    users {
        int id PK
        varchar name
        varchar email UK
        varchar password
        varchar role
        timestamp created_at
    }

    products {
        varchar id PK
        varchar name
        decimal price
        varchar category
        text description
        varchar image
        int stock
        float rating
        int reviews
        boolean is_new
        json specs
        timestamp created_at
        timestamp updated_at
    }

    orders {
        varchar id PK
        varchar customer_name
        varchar customer_email
        varchar payment_method
        varchar status
        decimal subtotal
        decimal shipping
        decimal total
        timestamp created_at
        timestamp updated_at
    }

    order_items {
        int id PK
        varchar order_id FK
        varchar product_id FK
        varchar name
        decimal price
        int quantity
        varchar image
    }

    feedback {
        int id PK
        varchar customer_name
        varchar customer_email
        int rating
        text comment
        timestamp created_at
    }

    users ||--o{ orders : "places"
    orders ||--|{ order_items : "contains"
    products ||--o{ order_items : "ordered_in"

📁 Project Structure

.
├── 📂 apps/
│   ├── 🌐 web/                    # React 18 + Vite 6 + Tailwind 4 Frontend (→ Local Host)
│   │   ├── 📂 src/
│   │   │   ├── 📂 app/
│   │   │   │   ├── 📂 components/ # UI Components (shadcn/ui + custom widgets)
│   │   │   │   ├── 📂 context/    # React Contexts (AuthContext, CartContext, StoreContext)
│   │   │   │   ├── 📂 hooks/      # Custom React hooks (useScrollReveal)
│   │   │   │   ├── 📂 lib/        # API Client wrapper (api.ts)
│   │   │   │   ├── 📂 pages/      # Route pages:
│   │   │   │   │   ├── 📄 Home.tsx
│   │   │   │   │   ├── 📄 Products.tsx
│   │   │   │   │   ├── 📄 ProductDetail.tsx
│   │   │   │   │   ├── 📄 Cart.tsx
│   │   │   │   │   ├── 📄 Checkout.tsx
│   │   │   │   │   ├── 📄 About.tsx
│   │   │   │   │   ├── 📄 Contact.tsx
│   │   │   │   │   ├── 📄 Login.tsx
│   │   │   │   │   ├── 📄 Admin.tsx
│   │   │   │   │   ├── 📄 Dashboard.tsx
│   │   │   │   │   ├── 📄 UserProfile.tsx
│   │   │   │   │   ├── 📄 UserOrders.tsx
│   │   │   │   │   ├── 📄 UserWishlist.tsx
│   │   │   │   │   ├── 📄 UserAddresses.tsx
│   │   │   │   │   ├── 📄 UserNotifications.tsx
│   │   │   │   │   ├── 📄 UserSecurity.tsx
│   │   │   │   │   └── 📄 NotFound.tsx
│   │   │   │   ├── 📄 App.tsx     # Root app router provider
│   │   │   │   └── 📄 routes.tsx  # Dynamic router configuration
│   │   │   ├── 📂 imports/        # Image assets, logo, QR code
│   │   │   ├── 📂 styles/         # Globals.css containing Tailwind utility theme config
│   │   │   └── 📄 main.tsx        # React bootstrap entry point
│   │   ├── 📄 vite.config.ts      # Vite 6 compiler and proxy settings
│   │   └── 📄 package.json
│   │
│   ├── 🔐 auth-server/            # Node.js + Express JWT Auth Server (→ localhost:3001)
│   │   ├── 📄 server.js           # Express routes: /auth/register, /auth/login, /auth/google
│   │   ├── 📄 db.js               # MySQL2 connection pool
│   │   └── 📄 package.json
│   │
│   ├── ⚙️ backend/
│   │   └── 📂 xontrix-backend/    # PHP / MySQL API Server Application (→ Apache)
│   │       ├── 📂 api/
│   │       │   ├── 📄 bootstrap.php  # Global CORS and header setups
│   │       │   ├── 📄 config.php     # MySQL database credentials & PDO wrapper
│   │       │   ├── 📄 install.php    # Automatic table generation & dataset seeder
│   │       │   ├── 📄 orders.php     # Order CRUD and inventory deduct actions
│   │       │   ├── 📄 products.php   # Product catalog manager (CRUD API)
│   │       │   ├── 📄 sales.php      # Sales analytics summary & dashboard events API
│   │       │   ├── 📄 schema.sql     # Database schema structure dump
│   │       │   ├── 📄 upload.php     # File upload handlers for admin products
│   │       │   └── 📄 users.php      # Session registration, login, and roles
│   │       └── 📄 README.md          # Backend configuration instructions
│   │
│   └── 📱 mobile/
│       └── 📂 cordova-mobile/    # Apache Cordova Mobile wrapper configuration (→ APK)
│           ├── 📂 config.xml      # Cordova app configs (name, bundle id, permissions)
│           └── 📂 www/            # Compiled static files folder for Cordova builds
│
├── 📂 docs/
│   ├── 📂 planning/               # Architecture designs, planning checklists
│   ├── 📂 screenshots/            # 18 showcase screenshots of all pages
│   ├── 📄 Attributions.md         # Framework and asset attributions
│   ├── 📄 PRODUCTS.pdf            # PDF documentation on electronic products
│   ├── 📄 README.md               # Standard client setup guide
│   ├── 📄 task.md                 # AI sales feature implementation status
│   └── 📄 TODO.md                 # Project QA checklists
│
├── 📄 pnpm-workspace.yaml         # PNPM workspace configurations
├── 📄 pnpm-lock.yaml              # Lockfile
└── 📄 README.md                   # You are here!

🗂️ Product Categories

Xontrix organizes its electronic components catalog into 6 core product categories:

Icon	Category Name	Description & Key Examples
🧠	Microcontrollers	Core processor units: Arduino Uno, ESP8266 NodeMCU, ESP32, Arduino Nano
📡	Sensors	Interaction modules: DHT11 Temp, MQ-2 Smoke, Ultrasonic HC-SR04, Soil Moisture
⚙️	Actuators & Motors	Movement drivers: Stepper Motor, Servo Motor SG90, DC Gearbox Robot Motor
🛡️	Shields & Modules	Expandable shield boards: Motor Driver L298N, RFID RC522, ESP8266 Expansion
🔌	Accessories & Cables	Prototype tools: Breadboard, Jumper Wires, 5V Regulator LM7805, Logic ICs
🔋	Power & Switches	Energy controllers: Rocker Switch 2-pin, 9V Battery Snap, Toggle buttons

🗺️ Roadmap

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Fork the repository
Create your feature branch
```
git checkout -b feat/amazing-feature
```

Commit your changes

git commit -m "feat: add amazing feature"

Push to the branch
```
git push origin feat/amazing-feature
```
Open a Pull Request

📝 Commit Convention

This project follows Conventional Commits:

Prefix	Description
`feat:`	New feature
`fix:`	Bug fix
`docs:`	Documentation changes
`style:`	Code style (formatting, no logic change)
`refactor:`	Code refactoring
`test:`	Adding or updating tests
`chore:`	Maintenance tasks

👥 Team

Ghani Regina Gold San Luis
_{Quality Assurance Engineer}

Cielle Mae Peñamora
_{Full-Stack Engineer}

Jayson Cris Mamaril
_{Mobile Engineer}

📄 License

This project is licensed under the MIT License — see the LICENSE file for details.

MIT License

Copyright (c) 2026 TechyElle | Ghani Regina Gold

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

🙏 Acknowledgements

React — The library for web user interfaces
Vite — Next-generation frontend tooling
Tailwind CSS — Utility-first CSS styling
PHP — Fast, general-purpose scripting language
MySQL — Relational database system
Express — Fast, minimalist web framework for Node.js
Apache Cordova — Mobile application development framework
Firebase Auth — Google identity provider toolkit
Recharts — Redefined chart library for React applications
Lucide React — Clean community-designed SVG icons
shadcn/ui — Premium accessible React component primitives

Built with 💡 for efficient electronics development

Name		Name	Last commit message	Last commit date
Latest commit History 88 Commits
.gradle		.gradle
.idea		.idea
.vscode		.vscode
app		app
apps		apps
build/reports/problems		build/reports/problems
docs		docs
gradle/wrapper		gradle/wrapper
node_modules		node_modules
references		references
.gitignore		.gitignore
README.md		README.md
SKILL.md		SKILL.md
build.gradle.kts		build.gradle.kts
gradlew		gradlew
gradlew.bat		gradlew.bat
local.properties		local.properties
package-lock.json		package-lock.json
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
pnpm-workspace.yaml		pnpm-workspace.yaml
settings.gradle.kts		settings.gradle.kts
skills-lock.json		skills-lock.json

Folders and files

Latest commit

History

Repository files navigation