nawalgupta / angular2-shop

Angular2 +Full Stack Multi Tenant Shop - eCommerce Prototype using all latest technologies

Angular2Shop (Angular eCommerce) (ng2Shop) - Fullstack (Defunct)

This is Defunct project beacause the changes in Angualr2 Beta and Breaking Changes in Angular 2

Angular2Shop is a multi tenant eCommerce application. The sample site is for home cooked meals, but can be easily accomodate for any product.

#Technology Stack

• MEAN with Angular2

#Technical Features

• Oauth2 with google login
• Authentication and Authorization with Secure Rest Calls
• GeoLocation
• Angular2 integration with google map and places api
• Places Autocomlete
• Image Dropdown Component
• File Upload Integration
• Grapicks Magic and Image Resize
• Session, Cookies and Local Stogare

#Site Flow and Features

• Login with google id/local logic

##Seller

• Create Shop (Kitchen)/ Create Multiple Shops
• Add Products/Food Menu to Shop (Kitchen)
• Manage Orders

##Buyer

• Search Shops/Products near to his/her location on keyword or preference
• Local Filter on search results
• Add to Cart
• Manage Cart (Add/Edit Items from cart)
• Confirm Order

Angular2-Shop uses a number of open source projects to work properly:

• [Angular2] - HTML enhanced for web apps!Latest Beta Version
• [TypeScript] - Angular2 with Typescript
• [Material] - Google Material Desing
• [Vulgar] - Vulger Cli for Seed Project
• [Angular-Material and Ng2Material] - For Google Material Desing
• [node.js] - evented I/O for the backend
• [Express] - fast node.js network app framework [@tjholowaychuk]
• [Gulp] - the streaming build system
• [Webpack] - build system and HMR (Hot Module Reload)
• [MongoDB] - NoSQL DB
• [Google Maps] - Angular2Maps (@dev)
• [File Upload] - Angular2Upload (@dev)
• [OAuth2 and Google Auth] - Passport.js (@dev)
• [Rx] - Reactive JX (Flux) (@dev)
• [Mobile-Codorva] - Codorva (@dev)

Installation

ng2Shop requires Node.js v4+ to run.

You need Gulp installed globally:

$ npm i -g gulp

$ git clone [git-repo-url] 
$ cd project-dir
$ npm i -d
$ npm start

From another terminal

$ gulp serve

### Development

Want to contribute? Great!

This project uses Gulp + Webpack + HMR (Hot Module replacement) for fast developing.
Make a change in your file and instantanously see your updates!

Open your favorite Terminal and run these commands.

First Tab:
```sh
$ node app

Second Tab:

$ gulp watch

(optional) Third:

$ karma start

More details coming soon.

Todos

• Write Tests
• Add Code Comments
• Add more backend (Python-Flask / PHP /Dot Net WepAPI)
• Integrate with Application Generator to add new models

License

MIT

[vulgar-cli]: [proj]: https://github.com/nawalgupta/angular2shop [git-repo-url]: https://github.com/nawalgupta/angular2shop.git [john gruber]: http://daringfireball.net [@thomasfuchs]: http://twitter.com/thomasfuchs [node.js]: http://nodejs.org [Twitter Bootstrap]: http://twitter.github.com/bootstrap/ [@tjholowaychuk]: http://twitter.com/tjholowaychuk [express]: http://expressjs.com [AngularJS]: http://angularjs.org [Gulp]: http://gulpjs.com

angular2-shop's Issues

Can not start the app! Module not found: Error: Cannot resolve module!

I am trying to follow the instruction to getting start. When I try to run npm start, i have got following few errors:

ERROR in ./~/@angular2-material/checkbox/checkbox.umd.js
Module not found: Error: Cannot resolve module '@angular/forms' in ~\angular2-shop\node_modules\@angular2-material\checkbox
 @ ./~/@angular2-material/checkbox/checkbox.umd.js 2:110-135

ERROR in ./~/ng2-select/bundles/ng2-select.umd.js
Module not found: Error: Cannot resolve module '@angular/forms' in ~\angular2-shop\node_modules\ng2-select\bundles
 @ ./~/ng2-select/bundles/ng2-select.umd.js 3:81-106
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 1.63 kB [rendered]
        [0] ./~/html-webpack-plugin/lib/loader.js!./client/index.html 1.63 kB {0} [built]
           factory:282ms building:46ms = 328ms
webpack: Failed to compile.
[default] Checking started in a sepa0265ms o0ms optimize assets
Hash: 23e8d2ac06303e53964f
Version: webpack 1.15.0
Time: 28223ms
    + 823 hidden modules

ERROR in ./~/@angular2-material/checkbox/checkbox.umd.js
Module not found: Error: Cannot resolve module '@angular/forms' in ~\angular2-shop\node_modules\@angular2-material\checkbox
resolve module @angular/forms in ~\angular2-shop\node_modules\@angular2-material\checkbox
  looking for modules in ~\angular2-shop\client
    ~\angular2-shop\client\@angular doesn't exist (module as directory)
  looking for modules in ~\angular2-shop\node_modules
    resolve 'file' or 'directory' forms in ~\angular2-shop\node_modules\@angular
      resolve file
        ~\angular2-shop\node_modules\@angular\forms doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.ts doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.js doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.scss doesn't exist
      resolve directory
        ~\angular2-shop\node_modules\@angular\forms doesn't exist (directory default file)
        ~\angular2-shop\node_modules\@angular\forms\package.json doesn't exist (directory description file)
[~\angular2-shop\client\@angular]
[~\angular2-shop\node_modules\@angular\forms]
[~\angular2-shop\node_modules\@angular\forms.ts]
[~\angular2-shop\node_modules\@angular\forms.js]
[~\angular2-shop\node_modules\@angular\forms.scss]
 @ ./~/@angular2-material/checkbox/checkbox.umd.js 2:110-135

ERROR in ./~/ng2-select/bundles/ng2-select.umd.js
Module not found: Error: Cannot resolve module '@angular/forms' in ~\angular2-shop\node_modules\ng2-select\bundles
resolve module @angular/forms in ~\angular2-shop\node_modules\ng2-select\bundles
  looking for modules in ~\angular2-shop\client
    ~\angular2-shop\client\@angular doesn't exist (module as directory)
  looking for modules in ~\angular2-shop\node_modules
    resolve 'file' or 'directory' forms in ~\angular2-shop\node_modules\@angular
      resolve file
        ~\angular2-shop\node_modules\@angular\forms doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.ts doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.js doesn't exist
        ~\angular2-shop\node_modules\@angular\forms.scss doesn't exist
      resolve directory
        ~\angular2-shop\node_modules\@angular\forms\package.json doesn't exist (directory description file)
        ~\angular2-shop\node_modules\@angular\forms doesn't exist (directory default file)
[~\angular2-shop\client\@angular]
[~\angular2-shop\node_modules\@angular\forms]
[~\angular2-shop\node_modules\@angular\forms.ts]
[~\angular2-shop\node_modules\@angular\forms.js]
[~\angular2-shop\node_modules\@angular\forms.scss]
 @ ./~/ng2-select/bundles/ng2-select.umd.js 3:81-106

and the process stack by given a error as following:

[default] ~/angular2-shop/node_modules/rxjs/scheduler/Action.d.ts:30:1
    Declaration or statement expected.

Not Working

Hii Nawal,
I am the beginner in anguar2, I am referring to your project for making another shop project.
Your project cant run properly you can send me proper source code along with database with setup

Thanks, advance.

Module not found: Error: Cannot resolve module '@angular/forms'

Hello Nawal

Hi,

This is Swadesh (ShopNx). Could not find your email. Hence contacting you this way.
I am working on Javascript e-commerce (ShopNx) http://mshop.codenx.com/

I thought if you have time together we could make a much better product.

Contact me at [email protected]

Cannot resolve 'file' or 'directory'

When I try to run the "npm start", I get the error:

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./client/polyfills.ts in C:\Working\stamm\angular2-shop-master
resolve directory
  C:\Working\stamm\angular2-shop-master\client\polyfills.ts is not a directory (directory default file)
  C:\Working\stamm\angular2-shop-master\client\polyfills.ts\package.json doesn't exist (directory description file)
resolve file
  C:\Working\stamm\angular2-shop-master\client\polyfills.ts.ts doesn't exist
  C:\Working\stamm\angular2-shop-master\client\polyfills.ts.js doesn't exist
  C:\Working\stamm\angular2-shop-master\client\polyfills.ts.scss doesn't exist
  resolve result C:\Working\stamm\angular2-shop-master\client\polyfills.ts
  C:\Working\stamm\angular2-shop-master\package.json (directory description file): SyntaxError: Unexpected token  in JSON at position 0

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./client/vendor.ts in C:\Working\stamm\angular2-shop-master
resolve directory
  C:\Working\stamm\angular2-shop-master\client\vendor.ts is not a directory (directory default file)
  C:\Working\stamm\angular2-shop-master\client\vendor.ts\package.json doesn't exist (directory description file)
resolve file
  C:\Working\stamm\angular2-shop-master\client\vendor.ts.ts doesn't exist
  C:\Working\stamm\angular2-shop-master\client\vendor.ts.js doesn't exist
  C:\Working\stamm\angular2-shop-master\client\vendor.ts.scss doesn't exist
  resolve result C:\Working\stamm\angular2-shop-master\client\vendor.ts
  C:\Working\stamm\angular2-shop-master\package.json (directory description file): SyntaxError: Unexpected token  in JSON at position 0

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' ./client/main.browser.ts in C:\Working\stamm\angular2-shop-master
resolve directory
  C:\Working\stamm\angular2-shop-master\client\main.browser.ts is not a directory (directory default file)
  C:\Working\stamm\angular2-shop-master\client\main.browser.ts\package.json doesn't exist (directory description file)
resolve file
  C:\Working\stamm\angular2-shop-master\client\main.browser.ts.ts doesn't exist
  C:\Working\stamm\angular2-shop-master\client\main.browser.ts.js doesn't exist
  C:\Working\stamm\angular2-shop-master\client\main.browser.ts.scss doesn't exist
  resolve result C:\Working\stamm\angular2-shop-master\client\main.browser.ts
  C:\Working\stamm\angular2-shop-master\package.json (directory description file): SyntaxError: Unexpected token  in JSON at position 0

Is there something wrong with the webpack file

Not able to run client app

Hi Naval,
Could you please tell me how to run your code.
server (API part is running) but client(UI part is not runing).
Could you please provide the latest source code [email protected]