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...
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:...
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....
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:...
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:...