Skip to content

Instantly share code, notes, and snippets.

View Mariotutal's full-sized avatar
🏠
Working from home

Mario_void Mariotutal

🏠
Working from home
View GitHub Profile

Implementar un cajero automático por consola en Python con PIN fijo, menú básico y validaciones de montos. Lo que debes construir Una aplicación de consola que:

  • Pida PIN fijo ("1234") hasta que sea correcto.
  • Muestre un menú con opciones:
    1. Consultar saldo
    2. Depositar
    3. Retirar
    4. Salir
  • Permita depositar y retirar con validaciones:
-- Tabla usuario
CREATE TABLE Users (
UserID INT PRIMARY KEY AUTO_INCREMENT,
Name VARCHAR(50) NOT NULL,
Email VARCHAR(100) NOT NULL,
Password VARCHAR(100) NOT NULL,
UNIQUE (UserID)
);
-- Tabla para guardar carros

GitHub Dev Mode App Selector

Description: GitHub Dev Mode App Selector is a tool designed to simplify the development and testing process for applications, especially those based on microfrontends, by integrating GitHub with the development environment. It allows developers to download repositories, automatically compile the code, and move it to their microfrontends development environment, streamlining the development and testing of applications.

Key Features:

  1. GitHub Integration: The tool connects with developers' GitHub accounts, enabling them to access project repositories.
  2. Repository Selection: Developers can search for and select a GitHub repository to download and work on.
  3. Branch Selection: Developers can choose a specific branch of the repository to work on.
  4. Automated Download: The tool automatically downloads the repository's code and places it in the user's microfrontends development environment.
@Mariotutal
Mariotutal / BootcampResources.md
Last active March 3, 2023 21:33
Listado de recursos respecto a temas presentados en el Bootcamp
@Mariotutal
Mariotutal / GetGithubUsers.md
Created March 3, 2023 06:17
Tarea de semana 1

Obtener Usuarios de Github

Crear una aplicación rect que haga uso de la api de usuarios de github (https://api.github.com/users/USERNAME)

  • No es necesario agregar estilos
  • Debe utilizar fetchUser(username)
  • Debe de utilizar al menos 2 custom components
@Mariotutal
Mariotutal / Cronometro.md
Created March 3, 2023 06:13
Tarea bootcamp reactjs 2023 semana 2

Cronómetro ReactJS.

La aplicación debe permitir al usuario iniciar, detener y reiniciar el cronómetro. Además, la aplicación debe mostrar un mensaje de alerta cuando el cronómetro alcance un tiempo específico, por ejemplo, cuando se alcancen 5 minutos. ##Requerimientos técnicos:

  • useState para gestionar el estado del cronómetro (tiempo transcurrido, si está activo o no, etc.).
  • useRef para guardar una referencia al intervalo del cronómetro.
  • mostrar el tiempo transcurrido del cronómetro en pantalla.
  • incluir botones para iniciar, detener y reiniciar el cronómetro. Al hacer clic en cada botón, la aplicación debe actualizar el estado del cronómetro utilizando el hook useState.
  • mostrar un mensaje de alerta cuando se alcance un tiempo específico. Para lograr esto, se debe utilizar rendering condicional y el hook useRef.
  • permitir al usuario seleccionar el tiempo límite para mostrar el mensaje de alerta. Este límite debe ser configurable por el usuario.
@Mariotutal
Mariotutal / ListaDeTareas.md
Created March 3, 2023 03:08
Tarea correspondiente a la semana 3

Lista de Tareas

En esta tarea, se debe crear una aplicación de lista de tareas utilizando React Hook Form y Zustand. La aplicación debe permitir al usuario:

  • Agregar nuevas tareas, cada tarea contara con los campos de “titulo, descripcion, persona encargada, fecha de realizacion de la tarea”
  • Marcar tareas como completadas
  • Eliminar tareas de la lista.

Requerimientos

  • La aplicación debe tener una interfaz de usuario que permita al usuario agregar nuevas tareas a la lista.
  • Cada tarea agregada a la lista debe tener un checkbox que permita marcar la tarea como completada.

modules.css

"modules.css" es un término genérico que se refiere a archivos CSS que contienen reglas de estilo para módulos o componentes específicos de un sitio web o aplicación. Estos módulos pueden ser cualquier cosa, desde una barra de navegación hasta un formulario de registro, y cada uno tendrá su propio archivo CSS asociado que define cómo se verá y se comportará ese módulo.

El uso de archivos de estilo modularizados como "modules.css" tiene varios beneficios. En primer lugar, hace que sea más fácil de mantener y actualizar el código, ya que cada módulo tiene su propio archivo separado. En segundo lugar, permite una mayor reutilización de código, ya que los módulos se pueden implementar en diferentes partes del sitio web o aplicación. Además, al utilizar un enfoque modularizado, el código es más escalable, lo que permite agregar o eliminar módulos según sea necesario sin afectar al resto del sitio.


@Mariotutal
Mariotutal / ConvencionBEM.md
Created February 22, 2023 01:24
Referencias a convención BEM

BEM (Block, Element, Modifier)

Es una convención de nomenclatura para nombrar clases CSS de una manera consistente y escalable. La convención BEM divide una interfaz de usuario en "bloques" que son componentes independientes y reutilizables, "elementos" que son las partes de un bloque y "modificadores" que se utilizan para cambiar el estado o la apariencia de un bloque o elemento.

/* Block */
.btn {
  /* styles */
}