Giter Club home page Giter Club logo

cart's Introduction

EzyVet Frontend Task

Requirements

Requirement State Comments
List Products – these should be listed at all times to allow adding of products Complete
Products should be listed in this format: product name, price, link to add product Complete
Must be able to add a product to the cart Complete
Must be able to view current products in the cart Complete
Cart products should be listed in this format: product name, price, quantity, total, remove link Complete
Product totals should be tallied to give an overall total Complete
Must be able to remove a product from the cart Complete
Adding an existing product will only update existing cart product quantity (e.g. adding the same product twice will NOT create two cart items) Complete
All prices should be displayed to 2 decimal places Complete
Error checking will be set to strict for viewing completed code Complete
Project will work as expected with the latest version of React Complete Using React version 17
Handle async call in redux (redux-thunk or Redux-Saga) Complete Added an async call here
Material-ui (feel free to style it using styled-components) Not Yet Complete Will add styling if I have time
One or two unit test (Enzyme or react-testing-library) Complete Have added a couple of RTL tests. Will add more if I have time
The cart will need to keep it’s state during page loads / refreshes Not Yet Complete I would likely use redux-persist for this; I just didn't have the time to wire it up (though it looks pretty straight forward)

Running the solution

git pull https://github.com/josh-jacobsen/ezyvet
cd ezyvet
yarn install 
yarn start 
Open http://localhost:3000 to view it in the browser.

Running tests

yarn test

cart's People

Contributors

josh-jacobsen avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.