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 - remove and rejoint node

Remove a node from the proxmox cluster and then rejoint with same name Let’s say that for this example, our node name pve03. Shut down node. Remove node Enter the shell of another node in the cluster pvecm delnode pve03 Remove node Again from other node: rm -r /etc/pve/nodes/pve03 Remove node entry(ies) from authorized keys file nano /etc/pve/priv/authorized_keys remove the line associated with our node, ending with pve03...

January 22, 2022 · 1 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