A simple e-commerce page just for practicing Angular.js (Alpha)
Run:
npm install
Then run:
bower install
PS: The project should be cloned to your localhost, as there is an ajax call.
-
The cart panel should always be visible on the page if there is any item already added in the cart. Done
-
All the required data should be rendered via external JSON file. Item should be unique. Done
Data properties are:
- Product image
- Brand name
- Product name
- Packing detail
- Price
-
On clicking on the “add” button item should be added to the cart and cart summary should be updated. Done
-
The ‘-’ and ‘+’ buttons should be visible with the detail shown in wireframe, if the particular item is already added to the cart. Done
-
If an Item is added to the cart and item added quantity is ‘1’ and user click on ‘-’ button the item should be removed from the cart. At the same time “add” button should be visible again for the item. Done
-
Item should be removed from the cart on clicking on “Remove” button. Done*
-
All the states should be maintained after page refresh also. i.e. if there is an item in the cart and user refreshes the page, Item should remain in the cart after page refresh also. Done#
-
You are free to use any color, fonts, layout measurements, product images, product details etc. . You can develop all other required functionality by understanding the wireframe properly. Partially Done
* The Remove button and cart button are not in sync.
# Some of the states are preserved, availing everything doesn't sync well with other sections in the page.
Couldn't do the styling and other minor things like syncing remove button with cart button, preserving the state of cart button, due to lack of time. Will be added soon, if given time.