Iot1Ng17FlowbiteuiSupabase

📋 Tabla de Contenido

🚀 Introducción
⚙️ Stack Tecnologico
🔋 Features
🤸 Ejectuta en local
🕸️ Habilidades
🔗 Soporte

🚀 Introducción

Introducción del proyecto
Sobre experiencia con el proyecto

⚙️ Stack Tecnologico

Framework: Angular CLI v17.3.8 Arquitectura: StandAlone Components

Styling: Tailwind CSS v3.4.4 Diseño UI: flowbite Graficos: "apexcharts": "^3.50.0",

🔋 Features

👉Version1:

Autentificacion Basica.
Dashboard: Tablero responsivo de codigo abierto.
Graficos de dispositivo IoT por variable. https://flowbite.com/docs/plugins/charts/#content

👉Version2:

Alarms
Iot (Range) Management

👉Version3:

User management: https://flowbite.com/blocks/application/advanced-tables/
Reports

🤸 Ejectuta en local | Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites Make sure you have the following installed on your machine:

Git
Node.js
npm (Node Package Manager)

Clonando el Repo

git clone https://github.com/arland/[esteProyecto].git
cd [esteProyecto]

Instalando y Ejecutando el Proyecto

npm install
ng serve -o

Abre http://localhost:4200 en el buscador predeterminado.

Verifica Tests

ng tests
ng e2e

🕸️ Habilidades | Skills

Front-End:

ngCLIbashCommands.sh

# How2example
echo 'ng generate component|directive|pipe|service|class|guard|interface|enum|module'

ng g c components/login
ng g c components/inside/workspace
ng g c components/inside/board
ng g c components/graph

ng g s services/auth
ng g s services/data

# Install supabase packages
npm install @supabase/supabase-js
npm install ngx-spinner ngx-gravatar

# Variables de entorno
ng generate environments

Integraciones | Servicios Web:

components/grapgh.ts

import { Injectable } from "@angular/core";

@Injectable({
  providedIn: "root",
})
export class DataService {
  constructor() {}
}

Manipulation de Data | Data manipulation: