Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/melardev/angularecommercerestapi

Angular Ecommerce cart application (full stack)
https://github.com/melardev/angularecommercerestapi

angular angular-ci api e-commerce ecommerce full-stack fullstack node node-js nodejs observables rest shopping-cart typescript

Last synced: about 2 months ago
JSON representation

Angular Ecommerce cart application (full stack)

Awesome Lists containing this project

README 

        
# AngularShopApp

# Table of Contents

- [Introduction](#introduction)

- [Full-stack Applications](#full-stack-applications)

  * [E-commerce (shopping cart)](#e-commerce-shopping-cart)

    + [Server side implementations](#server-side-implementations)

    + [Client side implementations](#client-side-implementations)

  * [Blog/CMS](#blogcms)

    + [Server side implementations](#server-side-implementations-1)

    + [Client side](#client-side)

      - [The next come are](#the-next-come-are)

  * [Simple CRUD(Create, Read, Update, Delete)](#simple-crudcreate-read-update-delete)

    + [Server side implementations](#server-side-implementations-2)

    + [Client side implementations](#client-side-implementations-1)

      - [The next come are](#the-next-come-are-1)

  * [CRUD + Pagination](#crud--pagination)

    + [Server side implementations](#server-side-implementations-3)

      - [The next come are](#the-next-come-are-2)

    + [Client side implementations](#client-side-implementations-2)

      - [The next come are](#the-next-come-are-3)

- [Follow me](#social-media-links)

    

# AngularShopApp

This shopping cart application is built using Angular, it is supposed to work with any of these servers listed below. **Be warned** that

while making this app I am using this [Spring Boot Server](https://github.com/melardev/SBootApiEcomMVCHibernate) so I strongly encourage you

to use that as well, all the other servers worked from postman, but I don't know If they return in the response something called differently that

this app can not read, so if this redux app does not work, that is the reason, just a typo in a response variable, let me know about any typos

in any of the server apps and I will try to fix it.



# Full-stack Applications

## E-commerce (shopping cart)

### Server side implementations

- [Spring Boot + Spring Data Hibernate](https://github.com/melardev/SBootApiEcomMVCHibernate)

- [Spring Boot + JAX-RS Jersey + Spring Data Hibernate](https://github.com/melardev/SpringBootEcommerceApiJersey)

- [Node Js + Sequelize](https://github.com/melardev/ApiEcomSequelizeExpress)

- [Node Js + Bookshelf](https://github.com/melardev/ApiEcomBookshelfExpress)

- [Node Js + Mongoose](https://github.com/melardev/ApiEcomMongooseExpress)

- [Python Django](https://github.com/melardev/DjangoRestShopApy)

- [Flask](https://github.com/melardev/FlaskApiEcommerce)

- [Golang go gonic](https://github.com/melardev/api_shop_gonic)

- [Ruby on Rails](https://github.com/melardev/RailsApiEcommerce)

- [AspNet Core](https://github.com/melardev/ApiAspCoreEcommerce)

- [Laravel](https://github.com/melardev/ApiEcommerceLaravel)



The next to come are:

- Spring Boot + Spring Data Hibernate + Kotlin

- Spring Boot + Jax-RS Jersey + Hibernate + Kotlin

- Spring Boot + mybatis

- Spring Boot + mybatis + Kotlin

- Asp.Net Web Api v2

- Elixir

- Golang + Beego

- Golang + Iris

- Golang + Echo

- Golang + Mux

- Golang + Revel

- Golang + Kit

- Flask + Flask-Restful

- AspNetCore + NHibernate

- AspNetCore + Dapper



### Client side implementations

This client side E-commerce application is also implemented using other client side technologies:

- [React Redux](https://github.com/melardev/ReactReduxEcommerceRestApi)

- [React](https://github.com/melardev/ReactEcommerceRestApi)

- [Vue](https://github.com/melardev/VueEcommerceRestApi)

- [Vue + Vuex](https://github.com/melardev/VueVuexEcommerceRestApi)

- [Angular](https://github.com/melardev/AngularEcommerceRestApi)



## Blog/CMS

### Server side implementations

- [Spring Boot + Spring Data Hibernate](https://github.com/melardev/SpringBootApiBlog)

- [Go + Gin Gonic](https://github.com/melardev/GoGonicBlogApi)

- [NodeJs + Mongoose](https://github.com/melardev/ApiBlogExpressMongoose)

- [Laravel](https://github.com/melardev/LaravelApiBlog)

- [Ruby on Rails + JBuilder](https://github.com/melardev/RailsApiBlog)

- [Django + Rest-Framework](https://github.com/melardev/DjangoApiBlog)

- [Asp.Net Core](https://github.com/melardev/AspCoreApiBlog)

- [Flask + Flask-SQLAlchemy](https://github.com/melardev/FlaskApiBlog)



The next to come are:

- Spring Boot + Spring Data Hibernate + Kotlin

- Spring Boot + Jax-RS Jersey + Hibernate + Kotlin

- Spring Boot + mybatis

- Spring Boot + mybatis + Kotlin

- Asp.Net Web Api v2

- Elixir

- Golang + Beego

- Golang + Iris

- Golang + Echo

- Golang + Mux

- Golang + Revel

- Golang + Kit

- Flask + Flask-Restful

- AspNetCore + NHibernate

- AspNetCore + Dapper



### Client side

- [Vue + Vuex](https://github.com/melardev/VueVuexBlog)

- [Vue](https://github.com/melardev/VueBlog)

- [React + Redux](https://github.com/melardev/ReactReduxBlog)

- [React](https://github.com/melardev/ReactBlog)

- [Angular](https://github.com/melardev/AngularBlog)



The next come are

- Angular NgRx-Store

- Angular + Material

- React + Material

- React + Redux + Material

- Vue + Material

- Vue + Vuex + Material

- Ember



## Simple CRUD(Create, Read, Update, Delete)

### Server side implementations

- [Spring Boot + Spring Data Hibernate](https://github.com/melardev/SpringBootApiJpaCrud)

- [Spring boot + Spring Data Reactive Mongo](https://github.com/melardev/SpringBootApiReactiveMongoCrud)

- [Spring Boot + Spring Data Hibernate + Jersey](https://github.com/melardev/SpringBootApiJerseySpringDataCrud)

- [NodeJs Express + Mongoose](https://github.com/melardev/ExpressMongooseApiCrud)

- [Nodejs Express + Bookshelf](https://github.com/melardev/ExpressBookshelfApiCrud)

- [Nodejs Express + Sequelize](https://github.com/melardev/ExpressSequelizeApiCrud)

- [Go + Gin-Gonic + Gorm](https://github.com/melardev/GoGinGonicApiGormCrud)

- [Ruby On Rails](https://github.com/melardev/RailsApiCrud)

- [Ruby On Rails + JBuilder](https://github.com/melardev/RailsApiJBuilderCrud)

- [Laravel](https://github.com/melardev/LaravelApiCrud)

- [AspNet Core](https://github.com/melardev/AspNetCoreApiCrud)

- [AspNet Web Api 2](https://github.com/melardev/AspNetWebApiCrud)

- [Python + Flask](https://github.com/melardev/FlaskApiCrud)

- [Python + Django](https://github.com/melardev/DjanogApiCrud)

- [Python + Django + Rest Framework](https://github.com/melardev/DjangoRestFrameworkCrud)



### Client side implementations

- [VueJs](https://github.com/melardev/VueAsyncCrud)



#### The next come are

- Angular NgRx-Store

- Angular + Material

- React + Material

- React + Redux + Material

- Vue + Material

- Vue + Vuex + Material

- Ember

- Vanilla javascript



## CRUD + Pagination

### Server side implementations

- [Spring Boot + Spring Data + Jersey](https://github.com/melardev/SpringBootJerseyApiPaginatedCrud)

- [Spring Boot + Spring Data](https://github.com/melardev/SpringBootApiJpaPaginatedCrud)

- [Spring Boot Reactive + Spring Data Reactive](https://github.com/melardev/ApiCrudReactiveMongo)

- [Go with Gin Gonic](https://github.com/melardev/GoGinGonicApiPaginatedCrud)

- [Laravel](https://github.com/melardev/LaravelApiPaginatedCrud)

- [Rails + JBuilder](https://github.com/melardev/RailsJBuilderApiPaginatedCrud)

- [Rails](https://github.com/melardev/RailsApiPaginatedCrud)

- [NodeJs Express + Sequelize](https://github.com/melardev/ExpressSequelizeApiPaginatedCrud)

- [NodeJs Express + Bookshelf](https://github.com/melardev/ExpressBookshelfApiPaginatedCrud)

- [NodeJs Express + Mongoose](https://github.com/melardev/ExpressApiMongoosePaginatedCrud)

- [Python Django](https://github.com/melardev/DjangoApiCrudPaginated)

- [Python Django + Rest Framework](https://github.com/melardev/DjangoRestFrameworkPaginatedCrud)

- [Python Flask](https://github.com/melardev/FlaskApiPaginatedCrud)

- [AspNet Core](https://github.com/melardev/AspNetCoreApiPaginatedCrud)

- [AspNet Web Api 2](https://github.com/melardev/WebApiPaginatedAsyncCrud)



#### The next come are

- NodeJs Express + Knex

- Flask + Flask-Restful

- Laravel + Fractal

- Laravel + ApiResources

- Go with Mux

- AspNet Web Api 2

- Jersey

- Elixir



### Client side implementations

- [Angular](https://github.com/melardev/AngularPaginatedAsyncCrud)

- [React-Redux](https://github.com/melardev/ReactReduxPaginatedAsyncCrud)

- [React](https://github.com/melardev/ReactAsyncPaginatedCrud)

- [Vue + Vuex](https://github.com/melardev/VueVuexPaginatedAsyncCrud)

- [Vue](https://github.com/melardev/VuePaginatedAsyncCrud)



#### The next come are

- Angular NgRx-Store

- Angular + Material

- React + Material

- React + Redux + Material

- Vue + Material

- Vue + Vuex + Material

- Ember

- Vanilla javascript



# Social media links

- [Youtube Channel](https://youtube.com/melardev) I publish videos mainly on programming

- [Blog](http://melardev.com) Sometimes I publish the source code there before Github

- [Twitter](https://twitter.com/@melardev) I share tips on programming

  



# TODO

- Filter by category and tag dropdown

- Wish-list

- Admin Feature

- Add Tags/Categories on Product Create

- Rating on comments

- Country flags

- Credit card UI

- Authorization before route 



This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.2.



## Development server



Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.



## Code scaffolding



Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.



## Build



Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.



## Running unit tests



Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).



## Running end-to-end tests



Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).



## Further help



To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).