https://github.com/alejandro945/energo-client

Build a simple containerized dashboard application, to show a screen like below, using one of the standard UI frameworks. The values to fill in are provided in JSON format after the image. Use the images in your email for the left bar and top bar (these don’t need to be clickable).
https://github.com/alejandro945/energo-client

next14 react

Last synced: about 2 months ago
JSON representation

Build a simple containerized dashboard application, to show a screen like below, using one of the standard UI frameworks. The values to fill in are provided in JSON format after the image. Use the images in your email for the left bar and top bar (these don’t need to be clickable).

• Host: GitHub
• URL: https://github.com/alejandro945/energo-client
• Owner: alejandro945
• Created: 2023-12-16T19:17:04.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-18T02:58:55.000Z (over 2 years ago)
• Last Synced: 2025-05-16T23:35:46.589Z (about 1 year ago)
• Topics: next14, react
• Language: TypeScript
• Homepage: https://energo-client.vercel.app
• Size: 255 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Energo project client

Build a simple containerized dashboard application, to show a screen like below, using one of

the standard UI frameworks. The values to fill in are provided in JSON format after the image.

Use the images in your email for the left bar and top bar (these don’t need to be clickable).

Also, given there is no CSS attached, focus on getting the dashboard elements right using the

values from JSON, but ensure that the overall look and feel are generally similar to what’s

shown.

## Architecture

![image](https://github.com/alejandro945/energo-client/assets/64285906/80d4efd5-d7c7-4c94-b32e-37842e69f90a)

## Evidences

### Real time Dashboard

![image](https://github.com/alejandro945/energo-client/assets/64285906/4340f76c-8a58-4962-9b97-0be24c64782b)

### Web Alerts creation (Simulation of IOT Porducer)

![image](https://github.com/alejandro945/energo-client/assets/64285906/680dc8e6-d58a-42ba-8e0d-c36439e160a1)

### API Platform creation

![image](https://github.com/alejandro945/energo-client/assets/64285906/cff3c496-f9b1-4d9a-ae11-c5b2c2f79d5c)

### Dto Validations

![image](https://github.com/alejandro945/energo-client/assets/64285906/e239de3c-c428-46b4-ab22-17e022c2b9fd)

### Broker queue

![image](https://github.com/alejandro945/energo-client/assets/64285906/90e5ad1d-2543-4a04-9aca-42730470ee53)

## Installation

```bash

npm install

```

## Usage

```bash

npm run start

```