Landing Page Details

Product Description

Angular 2 Shopping Cart is a Single Page Shopping Cart Web Application with many useful features of an eCommerce website. It is lightweight, flexible, adaptive, secure and easy to install. Just Install it and start selling your products and receive payments through PayPal.

Angular 2 Shopping Cart has an easy administration page is built with Express Framework in Nodejs that gives you full control over category, brands, products, orders, roles, accounts and settings.

With our responsive, you will have your site displayed correctly across a wide range of end-user devices and screen resolutions for easy ordering and checking out process.

Front-end Features

  • Bootstrap Themes
  • Responsive Design
  • Single page web app (SPA) created using Angular 2
  • Featured Products
  • Latest Products
  • Mosted View
  • Best Seller
  • Categories
  • Brand
  • Product Search
  • Cart
  • Checkout with Paypal
  • My Account
  • My Orders

Back-end Features

  • Use Express Framework built Admin Control Panel
  • Use Express Framework publish Restful Web Serivces to Front-End
  • Categories Management
  • Brands Management
  • Products Management
  • Orders Management
  • Roles Management
  • Accounts Management
  • Admin Profile
  • Securely built and prevent security attacks

Live Demo

  • Live Demo

Requirements

  1. A server with Node.js installed
  2. MongoDB server

Install Application

  1. Install Database

    Create new database on your hosting and import files in Database folder to new database. Create database user and assign dbo rights to the user.
  2. Install Back-End

    1. Unzip Main.zip file and upload to your hosting.
    2. Open Back-End\database.js file and change value to mongodb as below:
      • var db = monk(‘url to access mongodb’);
    3. Run website and login with default account:
      • User Panel (Customer access)
        URL: http://www.yourdomain.com/
        Username: customer1
        Password: 456
      • Admin Panel (Admin access)
        URL: http://www.yourdomain.com/admin/login
        Username: admin
        Password: 123
        Remember that you can change default admin URL in order to secure admin UI entry point.

    Install Front-End

    1. Open Front-End\app\services\rest.service.ts file and change values to connect back-end as below:
      • BASE_URL: url connect to back-end
      • keyValue: key is created from back-end

Product Support

If you have problems, questions, ideal, etc…Contact me via email [email protected] Please contact us with any questions you may have via the contact form on my author profile page.

Product Updates

  • Free Updates
  • 100% Support

History

  • V1.0 Released – June 02, 2017
  • futuresyg108

    2017-08-03 20:34:53
    Purchased Reply

    Hello I tried to test your product in local. I installed mongodb and node. I read your document and found below: Open Back-End\database.js file and change value to mongodb as below: var db = monk('url to access mongodb'); and database.js return 'localhost:27017/expressshoppingcart'; I could not know how to process this instruction.

  • octopuscodes

    2017-08-03 21:44:59
    Purchased Reply

    Hello, Please see my video demo how to install my codes at http://octopuscodes.com/document/angular-2-shopping-cart-angular-2-nodejs-mongoDB-PayPal-Payment/installation_instructions/install_application.html Regards, Kevin

  • futuresyg108

    2017-08-03 23:27:36
    Purchased Reply

    I see the video

  • futuresyg108

    2017-08-03 20:38:50
    Purchased Reply

    I receive this error. I need your help. Error: Failed to lookup view "error" in views directory "E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\views" at EventEmitter.render (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\application.js:579:17) at ServerResponse.render (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\response.js:960:7) at E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\app.js:84:7 at Layer.handle_error (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\layer.js:71:5) at trim_prefix (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\index.js:310:13) at E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\index.js:280:7 at Function.process_params (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\index.js:330:12) at next (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\index.js:271:10) at E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\app.js:73:3 at Layer.handle [as handle_request] (E:\WORK\workspace\ShoppingSite\1.EMH\Back-End\node_modules\express\lib\router\layer.js:95:5)

  • octopuscodes

    2017-08-05 21:19:38
    Purchased Reply

    Hello, Do you resolve this problem with my code? Regards, Kevin

  • Hi-TechParks

    2017-06-13 15:22:04
    Purchased Reply

    Nice work, Good luck with sell :)

  • octopuscodes

    2017-06-13 16:41:49
    Purchased Reply

    Thanks you very much

  • dfelippa

    2017-09-27 09:49:50
    Purchased Reply

    Hello, I just installed angular2 shopping chart and I'm having some trouble getting it running. I installed the mongo db, imported the date adjusted the database.js file and run node when I access the server i get: Error: Failed to lookup view "error" in views directory "E:\Code\nodejs\angexpress\shopping-cart-angular-2-express-mongodb-paypal-payment\Source Code\Back-End\views" at EventEmitter.render (E:\Code\nodejs\angexpress\shopping-cart-angular-2-express-mongodb-paypal-payment\Source Code\Back-End\node_modules\express\lib\application.js:579:17) there is no error in the view directory. Can you please help?

  • octopuscodes

    2017-09-27 10:09:44
    Purchased Reply

    Hello, Thanks for buying my codes. Please check my video for installation at http://octopuscodes.com/document/angular-2-shopping-cart-angular-2-nodejs-mongoDB-PayPal-Payment/installation_instructions/install_application.html Regards, Kevin

  • dfelippa

    2017-09-28 03:06:06
    Purchased Reply

    Hello Kevin I followed very carefully the instructions and got past the error above. The problem was navigating to http://localhost:3000 and I have to navigate to: http://localhost:3000/admin Also the instructions for setting the access token are too brief and are not clear. At last I was able to figure it. I have to navigate to settings in the backend generate an access key and copy it to rest.service.js Finally it's also not clear the step for installing live-server You really should update the instructions and clarify these points. I see other people above had the same problem. I hope this helps othes as well.

  • octopuscodes

    2017-09-28 12:24:26
    Purchased Reply

    Hello, Thanks you very much. Can you generate new api key from admin panel? After you create new key, you can copy to rest.service.js and run client. Regards, Kevin

  • EricProchnow

    2017-06-06 23:02:09
    Purchased Reply

    very nice work :) all the best for your sales !

  • octopuscodes

    2017-06-06 23:19:33
    Purchased Reply

    Thanks you very much

  • jsucupira

    2018-11-09 09:42:14
    Purchased Reply

    I am unable to open the zip file located under "Angular 2 Shopping Cart - Angular 2 & Nodejs & Express Framework & MongoDB & PayPal Payment". It says that the compress folder is invalid.

  • octopuscodes

    2018-11-09 11:31:57
    Purchased Reply

    Please download again to make sure you download complete file.

  • jsucupira

    2018-11-09 11:46:57
    Purchased Reply

    I was able to open it with 7-zip. Still have issues with the regular .zip in windows.

  • octopuscodes

    2018-11-09 11:51:23
    Purchased Reply

    I used 7-zip to create zip file

  • MarSino

    2018-05-29 15:04:31
    Purchased Reply

    if i buy this version, can i have full code this project or just product application. I want to use code to learn. Tks bro.

  • octopuscodes

    2018-05-29 15:24:28
    Purchased Reply

    You will get full source code and database after you buy

  • MarSino

    2018-05-29 15:26:02
    Purchased Reply

    ok tks bro, i will buy as soon as possible. i like this demo

  • PreScriptZ

    2017-06-04 12:49:01
    Purchased Reply

    Very nice work, big sales to you :)

  • octopuscodes

    2017-06-04 15:15:58
    Purchased Reply

    Thanks you very much

  • mubashirtahir

    2017-07-27 02:36:47
    Purchased Reply

    Hello when i run back end server in localhost i get the following error please help. Error: Failed to lookup view "error" in views directory "C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-Endviews/admin" at EventEmitter.render (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\application.js:579:17) at ServerResponse.render (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\response.js:960:7) at C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\app.js:88:7 at Layer.handle_error (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\layer.js:71:5) at trim_prefix (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\index.js:310:13) at C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\index.js:280:7 at Function.process_params (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\index.js:330:12) at next (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\index.js:271:10) at C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\app.js:77:3 at Layer.handle [as handle_request] (C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-End\node_modules\express\lib\router\layer.js:95:5)

  • octopuscodes

    2017-07-27 02:40:37
    Purchased Reply

    Please let me know how to you run server?

  • mubashirtahir

    2017-07-27 03:09:42
    Purchased Reply

    I am a windows user , I go to the main directory files of back end in CMD, then i apply npm start , also tried npm update and node app.js, node api.js

  • octopuscodes

    2017-07-27 03:13:23
    Purchased Reply

    You need change connect to your database name in database.js

  • mubashirtahir

    2017-07-27 03:15:19
    Purchased Reply

    No, I've checked database is fine. I run mongodb server from another console also the connection string is fine in database.js

  • mubashirtahir

    2017-07-27 03:32:50
    Purchased Reply

    Please help.

  • octopuscodes

    2017-07-27 03:36:27
    Purchased Reply

    My code need only change database name and can run. Please check my document for installation

  • mubashirtahir

    2017-07-27 03:41:49
    Purchased Reply

    Yes i followed the same procedure sir. But on localhost:3000 i got the following error. Some error file is missing in views folder it says.

  • octopuscodes

    2017-07-27 12:07:28
    Purchased Reply

    Error show: Failed to lookup view “error” in views directory “C:\Users\Mubashir Tahirrrrr\Downloads\Compressed\Main\Source Code\Back-Endviews/admin please make sure you have admin folder in view

  • mubashirtahir

    2017-07-27 17:43:35
    Purchased Reply

    Yes admin folder is there in views sir. Still this error is showing.

  • mubashirtahir

    2017-07-28 00:21:23
    Purchased Reply

    Help sir please?? Its been a 2nd day i didn't find any support from you.

  • octopuscodes

    2017-07-28 01:32:51
    Purchased Reply

    Do you install live-server for your nodejs?

  • octopuscodes

    2017-07-28 01:33:10
    Purchased Reply

    You can see how to install here https://www.google.com.vn/search?q=live+server+install+node&oq=live+server+install+node&aqs=chrome..69i57.11320j0j7&sourceid=chrome&ie=UTF-8

  • mubashirtahir

    2017-07-28 20:51:45
    Purchased Reply

    No i am running it on local host... Tell me how to install live- server Which hosting should i used? I don't have any hosting yet.

  • octopuscodes

    2017-07-28 21:07:02
    Purchased Reply

    I mean you need run live-server module to run on localhost

  • mubashirtahir

    2017-07-28 21:14:49
    Purchased Reply

    I've installed live-server node module. Still getting the same error. sir

  • mubashirtahir

    2017-07-28 21:53:51
    Purchased Reply

    Please help sir

  • developersuresh

    2017-08-05 20:56:58
    Purchased Reply

    Very Poor Code,Even it is not use for at least learning. Instead of buy ,We can get free good scripts from Github

  • octopuscodes

    2017-08-05 21:16:15
    Purchased Reply

    Please explain why you said my code is very poor.

  • octopuscodes

    2017-08-05 21:20:19
    Purchased Reply

    Can you give me link that you can get free my code?

  • developersuresh

    2017-08-05 22:07:19
    Purchased Reply

    I am telling many Github script is proper comparing to yours. all available free of cost. even , as your paid code is poor compare to others. Where is your live Demo? it is help to other can see real time Experiance, 1) No authorisation (No Token Based Authorisation) - No Security this.http.get(this.restService.baseURLKey('order', 'findByUsername/' + username)).map((res:Response) => res.json()); above , if any one knows username , then easily can get order details with out Login * Token Should be user based not a static 2) No Error Handling 3) Project Folder structure very basic. it should not help for develop a productions or customers i will give more list by tomorrow

  • octopuscodes

    2017-08-05 22:27:27
    Purchased Reply

    Thanks for your comments. Let me explain for your comments 1. You can see rest.services.ts in services folder in front-end project. I'm using token is created from back-end project. You can login to admin panel in back-end project and open setting menu to see generate new apu key 2. I made error handling with validate. I don't use try catch to do. 3. My code is using with express Framework for back-end and components for angular 2 in front-end. I think It's good for developing a productions Regards, Kevin

  • octopuscodes

    2017-08-05 22:51:57
    Purchased Reply

    You can see demo from my video in item description for more detail

  • octopuscodes

    2017-08-06 02:53:06
    Purchased Reply

    Please help me by remove your feedback and rating. Thanks you