https://github.com/nsdonato/estampitiency_

https://github.com/nsdonato/estampitiency_

Last synced: 25 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nsdonato/estampitiency_
• Owner: nsdonato
• Created: 2022-03-24T22:48:56.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-28T21:45:47.000Z (almost 3 years ago)
• Last Synced: 2024-10-28T04:18:26.335Z (2 months ago)
• Language: TypeScript
• Homepage: estampitiency.vercel.app
• Size: 188 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ejercicio de entrevista, carrito simple

![01](./assets/screenshot-0.jpg)

Este proyecto tiene 3 milestones o entregas, no es necesario que cumplas todas para dar el proyecto por terminado, ajustalo a tus necesidades y conocimientos. Cada entrega se vuelve un poco más difícil.

Podés clonarlo o usarlo directamentes desde [codesandbox](https://codesandbox.io/s/github/goncy/interview-challenges/tree/main/simple-cart).

## Entrega 1

Nuestro equipo de diseño nos dio este proyecto con la UI ya terminada, pero como todavía no habíamos definido que usar para los estilos, hicieron todo con estilos globales. Elegí tu solución de estilos preferida y portá esos estilos. Puede ser la que quieras, algunas como: CSS Modules, SASS + CSS Modules, TailwindCSS, Styled Components, Emotion, ChakraUI, Material UI, etc.

## Entrega 2

Nuestro equipo de diseño nos dio este proyecto con la UI ya terminada, pero todavía tenemos que implementar la lógica.

* Cada producto debe agregarse al carrito al clickear "Agregar"

* Si tenemos algún elemento del producto en el carrito debemos cambiar el botón de "Agregar" por uno que tenga un botón de "-", la cantidad de productos que tenemos en el carrito y un botón de "+", clickear los botones correspondientes va a sumar o restar elementos del carrito. Si tenía un producto en el carrito y clickeo en "-" debe eliminar el producto del carrito.

* El botón inferior nos marca cuantos productos tenemos en el carrito y su total, mostrar los valores reales del carrito en todo momento.

## Entrega 3

La Product Manager nos dijo que quieren usar esta misma lógica de carrito en otro proyecto. Debemos pasar toda la lógica de carrito de nuestro componente a context y luego usarlo. Debe ser lo suficientemente fácil de usar y medianamente genérico como para usarlo en otros proyectos.

---

Si te gusta mi contenido, seguime en [Twitter](https://twitter.gonzalopozzo.com), en [Twitch](https://twitch.gonzalopozzo.com), doname un [Cafecito](https://cafecito.gonzalopozzo.com) o volvete [sponsor en github](https://github.com/sponsors/goncy) ✨