Una calculadora simple implementada con React + Redux usando create-react-app
.
Esta aplicación contiene todos los componentes y las definición de las acciones para tener una calculadora funcional, sin embargo, la lógica está incompleta. Su tarea es implementar la lógica restante para renderizar los componentes apropiadamente (como lo muestra el gif) y usar las acciones para ejecutar cada operación.
- La calculadora debe ejecutar apropiadamente las operaciones
suma
,resta
,división
ymultiplicación
- Todas las operaciones deben ser realizadas usando las acciones y reductores de Redux
- Si ninguna operación ha sido seleccionada todos los números que se seleccionen corresponden al primer operando
- Si una operación ha sido seleccionada todos los números que se seleccionen corresponden al segundo operando
- Cuando una operación se ha seleccionado el símbolo de la operación debe aparecer al lado de la cifra
- Al presionar igual (
=
) se debe ejecutar la correspondiente operación y mostrarse el resultado - Los operandos y la operación se deben reiniciar despues de haber ejecutado la operación
- Solo se ejecuta una operación a la vez. No se requiere implementar concatenación de operadores del tipo
5 * 3 / 5
- La calculadora no require implementar manejo de decimales, ni excepciones numéricas. No es requerido el símbolo punto (
.
) ni el cero (0
) - No es necesario soportar el ingreso de los dígitos a través del teclado
- Todas las pruebas unitarias deben ejecutarse correctamente
- Agregue las pruebas unitarias que considere necesarias
- Al final publique el código en algún repositorio público Github, Gitlab o Bitbucket
- El ejercicio debe ser completado antes de la validación técnica. Si no logra completar el ejercicio se evaluará basado en lo que haya avanzado.
NOTA: se permite aplicar cualquier mejora a nivel de implementación, estilos, librerías, pruebas unitarias y lo que considere necesario para demostrar su conocimiento y experiencia siempre y cuando se respeten las condiciones mencionadas.
-
El usuario hace clic en el número
5
, la calculadora muestra5
-
El usuario hace clic en el número
2
, la calculadora muestra52
-
El usuario hace clic en la operación división (
÷
), la calcula muestra52 ÷
-
El usuario hace clic en el número
2
, la calculadora muestra2 ÷
-
El usuario hace clic en el botón igual (
=
), la calculadora muestra26
-
El usuario hace clic en el número 5,
VUELVE AL PASO 1
.
-
Clone el repositorio
git clone [email protected]:ndiaz-candido/react-simple-calculator.git
-
Instale las dependencias
npm install
-
Ejecutar la aplicación en modo
dev
npm start
Las pruebas unitarias están escritas usando Jest
npm test