ShopWhop

1. What is ShopWhop
2. Features Delivered
3. Future Scope
4. Technology used
5. Development Approach

What is ShopWhop?

An end-to-end e-commerce platform which is developed to give user an interactive shopping experience, providing various features such as filtering, product cart & reviews portal that will not only enhance the user's shopping experience but also make shopping pleasurable.

Clothes, electronics, accessories - whatever your need for the hour maybe, ShopWhop, your favorite online shopping site, is sure to spoil you with a wide range of products. You don't have to wait for the weekends to shop as you can shop online on your way back home after work. Almost all popular brands across categories sell their products online, thereby bringing you closer to your preferences. Oh, and let's not forget about the various discounts on these products which make them an offer that is too hard to resist. So, are you all set to head online and shop? Let's take a look at what ShopWhop has in store for you, shall we?

Features Delivered

1. Sign UP with your Gmail account using OAuth service for Secure Shopping.
2. Shopping Cart feature for Product Catalog Management.
3. Global Search for products.
4. Filter products on different parameters:
   • Product Tags(Jewellery,Clothing,Footwear etc.)
   • Product Colors
   • Product Price range
5. Sort products on different parameters:
   • Default(by product name)
   • Rating
   • Popularity
   • Newness
   • Price
6. Per Product review form with polarity:
   • Eg.
     • Good product -Positive
     • Bad product - Negative
     • Hello - Neutral
7. Product description includes:
   • Retail, discounted price
   • Brand name
   • Feature wise description.
   • Related key words
   • Product URL
   • Review form

Future Scope

1. Performance optimization.
2. Enhancing UI.
3. Product Recommendation.

Technology Used

1. MongoDb
2. ExpressJs
3. Angular
4. NodeJs

MongoDb

MongoDB is free and open-source, published under the GNU Affero General Public License. MongoDB is a distributed database at its core, so high availability, horizontal scaling, and geographic distribution are built in and easy to use. MongoDB stores data in flexible, JSON-like documents, meaning fields can vary from document to document and data structure can be changed over time.

ExpressJs

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications. Express provides a thin layer of fundamental web application features, without obscuring Node.js features that you know and love.

$ npm install express --save

Angular

Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations. Angular is a complete rewrite from the same team that built AngularJS

Version 2.0.0

Angular 2.0 was announced at the ng-Europe conference 22-23. October 2014.[9][10] The drastic changes in the 2.0 version created considerable controversy among developers.[11] On April 30, 2015, the Angular developers announced that Angular 2 moved from Alpha to Developer Preview.[12] Angular 2 moved to Beta in December 2015,[13] and the first release candidate was published in May 2016.[14] The final version was released on September 14, 2016.

Version 4.0.0

On 13 December 2016 Angular 4 was announced, skipping 3 to avoid a confusion due to the misalignment of the router package's version which was already distributed as v3.3.0.[15] The final version was released on March 23, 2017.[16] Angular 4 is backward compatible with Angular 2.[17]

Angular version 4.3 is a minor release, meaning that it contains no breaking changes and that it is a drop-in replacement for 4.x.x.

Features in version 4.3

Introducing HttpClient, a smaller, easier to use, and more powerful library for making HTTP Requests. New router life cycle events for Guards and Resolvers. Four new events: GuardsCheckStart, GuardsCheckEnd, ResolveStart, ResolveEnd join the existing set of life cycle event such as NavigationStart. Conditionally disable animations.

Version 5.0.0

Angular 5 was released on November 1, 2017. Key improvements in Angular 5 include support for progressive web apps, a build optimizer and improvements related to Material Design.

Version 6.0.0

Angular 6 was released on May 4, 2018.. This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future, like: ng update, ng add, Angular Elements, Angular Material + CDK Components, Angular Material Starter Components, CLI Workspaces, Library Support, Tree Shakable Providers, Animations Performance Improvements, and RxJS v6.

NodeJs

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

Following are the areas where Node.js is proving itself as a perfect technology partner.

• I/O bound Applications

• Data Streaming Applications

• Data Intensive Real-time Applications (DIRT)

• JSON APIs based Applications

• Single Page Applications