Skip to content

Este pequeño proyecto es una practica del uso de Context en React y un poco de practica con algunas de las facilidades que ofrece Sass

Notifications You must be signed in to change notification settings

jscalle/ejecricio-reactContext-sass

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with Create React App

Summary

This is a small project with the intention to practice and demonstrate a little bit the use of React Context. It also uses some of the facilities of Sass inside the styles

Operation

With a simple interface we have two main blocks the first consists of a text field where we can enter the number of murders that we want our character John Wick, this internally has a logic of addition, so if we put a number and then another (or without changing the number) without having reset the value this will make us a sum of the current number with the new number entered, precisely this process of addition we can execute it by means of the first button that we have in the continuous part to the text field, the other buttons that we have to disposition is the subtraction, its operation is to subtract the current number of murders in a unit; the next button resets the value to zero "0".

in the next block we have a small image, the name of the character and a small description of the character and how the project works. the final button at the bottom is a simple link that redirects to this github profile.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Versión en Español

Resumen

Este es un proyecto pequeño con la intensión de practicar y demostrar un poco el uso de React Context También se utiliza un poco de las facilidades de Sass dentro de los estilos

Funcionamiento

Con una interfaz sencilla tenemos dos bloques principales el primero consta de un campo de texto donde podremos ingresar el número de asesinatos que queremos que lleve nuestro personaje John Wick, esto internamente tiene una lógica de suma, así que si ponemos un número y luego otro (o sin cambiar el número) sin haber reseteado el valor esto nos realizara una suma del número actual con el nuevo número ingresado, precisamente este proceso de suma lo podemos ejecutar mediante el primer botón que tenemos en la parte continua a el campo de texto, los demás botones que tenemos a disposición es el de resta, su funcionamiento es restar el número actual de asesinatos en una unidad; el siguiente botón lo que hace es resetear el valor a cero "0"

en el siguiente bloque tenemos una pequeña imagen, el nombre del personaje y una pequeña descripción del personaje y del funcionamiento del proyecto. el botón final que se encuentra en la parte inferior es un link sencillo que redirecciona a este perfil de github

About

Este pequeño proyecto es una practica del uso de Context en React y un poco de practica con algunas de las facilidades que ofrece Sass

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published