Create a Web Interface with React and Blueprintjs

We are going to create a Desktop App using web tecnologies. Here a list of tools we are going to use: - node js - vite - blueprint js - CSS Grid - electron js Setup First thing first, we will install the lastest stable node environment. Download and install Node from the official website https://nodejs.org/ Once installed text your setup with the following command node --version v20.11.0 We start our new project using the vite framework...

August 19, 2022 · 2 min · Sabbadin Stefy

React - To-do App in React

Let’s write a simple To-Do app with React-js. We’ll create components for adding, displaying, and deleting tasks. Project Structure: your-todo-app/ ├── node_modules/ ├── public/ │ ├── index.html │ └── ... ├── src/ │ ├── components/ │ │ ├── TodoList.js │ │ ├── TodoItem.js │ │ └── TodoForm.js │ ├── App.js │ ├── index.js │ └── ... ├── package.json └── ... Steps: Create TodoItem Component: // src/components/TodoItem.js import React from 'react'; function TodoItem({ task, onDelete }) { return ( <div> <span>{task}</span> <button onClick={onDelete}>Delete</button> </div> ); } export default TodoItem; Create TodoList Component:...

February 18, 2022 · 2 min · Sabbadin Stefy

React - Start a React-application

Writing a React.js app involves several steps, from setting up your development environment to deploying the app. Here’s a step-by-step guide to help you create a basic React.js app: Prerequisites: 1. Node.js and npm: Make sure you have Node.js and npm (Node Package Manager) installed on your machine. You can download them from https://nodejs.org/ 2.Create React App: React provides a tool called Create React App that sets up a new React project with a good default configuration....

February 12, 2022 · 3 min · Sabbadin Stefy

Proxmox - Set wake on lan

Set your proxmox node to respond at wake-on-lan messages Install ethtool Install ethtool go to your node shell apt install ethtool Get your interface name ip addr Check if wake-on-lan is already activ You need to find how your interface is named. You cal look for it under System > Network In our case our interface is named enp6s0 Look at the current configuration: ethtool enp6s0 If you find this row:...

December 23, 2021 · 1 min · Sabbadin Stefy

Proxmox - How To Use configure Spice Remote Desktop

When using Proxmox as your favorite virtualization platform, you will come across the need to connect to your VMs. In case of a Windows VM, the classic way to do it may be to activate RDP from within your Windows VM and connect through it. But a more open source solution can be to configure the Spice protocol to access to your development machines. Spice Protocol To keep it super simple and basic, it’s composed of four elements:...

November 14, 2021 · 2 min · Sabbadin Stefy