Detect HTML color group using K Nearest Neighbours as displayed in HTML Color Groups
Algorithm tensor can be found in backend/prediction.ipynb.
Follow guide Install TensorFlow with pip
Web app for above algorithm is developed with gRPC backend and svelte frontend and is driven via envoy proxy.
- python
- docker
- pip
- protoc
- node.js
Install backend dependancies
pip install grpcio-tools
pip install tensorflowGenerate python proto code
python -m grpc_tools.protoc -I./protos --python_out=./backend --grpc_python_out=./backend ./protos/colors.protoGenerate javascript proto code
protoc -I=protos colors.proto --js_out=import_style=commonjs:frontend/libprotoc -I=protos colors.proto --grpc-web_out=import_style=commonjs,mode=grpcwebtext:frontend/libBuild frontend
cd frontend
yarn install
yarn build
# For building client code, not using any frameworks
# Frameworks like react, svelte can use proto buffer javascript files directly
# yarn webpack ./client.js --output-path ./public/ --mode developmentCheck if tcp connection is open
nc -vz 0.0.0.0 50051docker-compose up --build --detachThis will start python gRPC server and envoy proxy.
cd frontend
yarn devFor starting frontend development server.