A web application based on Angular 9 and NodeJs/Flask

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

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.

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.

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

c. To fetch the item cards’ list

Much more details inside the card

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.

Download Details:

Author: conghao321

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

Source Code: https://github.com/conghao321/FastChoose-Angular9

#angular #javascript #nodejs

A web application based on Angular 9 and NodeJs/Flask
9.85 GEEK