Giter Club home page Giter Club logo

ecommerce-assignment's Introduction

Ecommerce Assignment.

The project is basic ecommerce app which showcases a basic workflow from Product list to Checkout.

Assignment Details

The following are the tasks which can be set as part of this base assignments.

##Task 1
Title Product Catalog

Read all product information from a sample JSON file and display in Product list page and Product details page.
On clicking on Product list pages product item should redirect to product detail page showing respective products details.

Angular Concepts required: Angular Models, Services, Components, Html Templating, Router

##Task2
Title: Cart Functionality

Enable Cart workflow from dynamic product list page where clicking "Add to cart" of specific product item should add the respective product in the cart.
On clicking on "Remove" button in cart page should remove the respective product item.
The shopping summary should be calculated and shown based on the current product cart items.
On updating the Quantity of the cart line items should update the pricing of shopping summary and price total.
If theres no products in the cart then the cart should show a default message.

Angular Concepts required: Angular Models, Services, Components, Html Templating, Router

##Task3
Title: Checkout workflow

Once clicking on "Checkout" From cart page, the shopping summary should be shown in checkout page.
If theres no product in the cart page then no user should be able to see the checkout page.
All the products from carts should be shown in checkout page too.
A form of Shipping/Billing address should be shown and form validation should be enabled to make sure that all the mandatory fields are entered by the users.
Clicking on "Place Order" button should redirect to Order Confirmation page showing below information:
	-Product line items
	-Shopping summary
	-Shipping/Billing address information.

Angular Concepts required: Services, Components, Html Templating, Router, Authguard

##Task4
Title: Search Autocomplete

On typing on search input box should populate the search autocomplete options.
On clicking on "Search" button should list all the products matching the search term.
The search term should match the title or description or category of product information.

Angular Concepts required: Services, Components, Html Templating, Observables

ecommerce-assignment's People

Contributors

dhananjayharel avatar invincible1388 avatar

Watchers

James Cloos avatar  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.