# FastChoose-Angular9

**Repository Path**: laodasbch/FastChoose-Angular9

## Basic Information

- **Project Name**: FastChoose-Angular9
- **Description**: A web application based on Angular 9 and NodeJs/Flask to enable users search the item from eBay
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-12-23
- **Last Updated**: 2020-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FastChoose: Items Search Application(eBay Section)

#### A web application can enable users search  items details and fetch items' cards from eBay API and others.


Developed it by TypeScript, Javascript and Python.

It uses some popular web development frameworks, including Angular, Bootstrap

It also provides a back-end application based on NodeJs and Flask to process Http requests and Ajax calls

This is a full REST application



#### <font color='red'> All the image assests, including pictures, logo, and icons,  belong to ebay, and all resources are only allowed to used by studying purpose, never bussniess. </font>



The final work's sample link is here：

https://chebaysearchfrontend.uk.r.appspot.com/



## Introduction:

#### Front End (Angular and Bootstrap):

a. Search Inform: it provides error check and enable users select different conditions to search the item by keyword.



<img src = 'https://ftp.bmp.ovh/imgs/2020/07/ec483910c380a6ba.png' width=500 />







b. It is also a responsive application, which means it can perfectly run on your mobile phone's browser.

<img src = 'https://ftp.bmp.ovh/imgs/2020/07/dda0b66384d0a8f1.png' width=300/>



c. To fetch the item cards' list

<img src = 'https://ftp.bmp.ovh/imgs/2020/07/4a69025979ac4593.png' width=500/>

<img src = 'https://ftp.bmp.ovh/imgs/2020/07/13194a4b80f9e597.png' width=500/>

<img src = 'https://ftp.bmp.ovh/imgs/2020/07/6e5ed07039682f74.png' width=300/>       Much more details inside the card

<hr>


#### Server Side (NodeJS and Flask)

Both the express and flask are convenient and light backend frameworks. So in this project, I choose both of them to process all back-end behaviors, such as Ajax calls from front-end, sending request to eBay Api servers and tackle the json data, etc.



The default version of backend is performed by NodeJs, but you can also choose to use the flask version.



## Quick Start

#### 1. dependencies:

##### Angular 9

##### Node Js:

​	cors

 	got

##### Flask:

​	request module



#### 2. Quick Start:

a. Download the codes and install all the dependencies above mentioned.

##### b. Basic knowledge regarding Angular is required

c. Try it !



Here is an final work's demo link:

https://chebaysearchfrontend.uk.r.appspot.com/



## Deployment on GCP

The backend is actually deployed on google cloud platform (GCP)

So, every one can simply uses my app.ysml file to deploy the app.js to the GCP.