Giter Site home page Giter Site logo

image-filter-project's Introduction

Udagram Image Filtering Microservice

Udagram is a simple cloud application developed alongside the Udacity Cloud Engineering Nanodegree. It allows users to register and log into a web client, post photos to the feed, and process photos using an image filtering microservice.

The project The Image Filtering Microservice, the final project for the course. It is a Node-Express application which runs a simple script to process images. [My assignment]

I associated 2 postman collections for this project to Try out the beanstalk and Local NodeJs

  1. cloud-cdnd-c2-final.postman_collection (local Host )
  2. cloud-cdnd-c2-final.postman_collection-beanstalk-hostname (beanstalk App)

Setup Node Environment (locally )

You'll need to create a new node server. Open a new terminal within the project directory and run:

  1. Initialize a new project: npm i
  2. run the development server with npm run dev
  3. open postman collection cloud-cdnd-c2-final.postman_collection.json
  4. create jwt token from jwt api . (http://{{HOST}}/jwt)
  5. verify this token by adding it to the path ex :
    http://{{HOST}}/verifyToken/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjoiZm9vYmFyIiwiaWF0IjoxNTkwODM0NTUxLCJleHAiOjE1OTA4MzgxNTF9.nVtzqt_pQHHFxRLWsdpvQkfb75M3ESsiu7a-GRfgVn0

6 . Add bearer token authentication to the filteredimage API and the image url to the query . (http://{{HOST}}/filteredimage?image_url=https://upload.wikimedia.org/wikipedia/commons/4/4b/What_Is_URL.jpg)

( beanstalk APP)

you can directly use beanstalk app postman collect cloud-cdnd-c2-final.postman_collection-beanstalk-hostname beanstalk URL

Create a new endpoint in the server.ts file

The starter code has a task for you to complete an endpoint in ./src/server.ts which uses query parameter to download an image from a public URL, filter the image, and return the result.

We've included a few helper functions to handle some of these concepts and we're importing it for you at the top of the ./src/server.ts file.

import {filterImageFromURL, deleteLocalFiles} from './util/util';

Deploying your system

Follow the process described in the course to eb init a new application and eb create a new environment to deploy your image-filter service! Don't forget you can use eb deploy to push changes.

Deployment Images

you will find images for deployment in sample_project Images

Authentication

Prevent requests without valid authentication headers.

!!NOTE if you choose to submit this, make sure to add the token to the postman collection and export the postman collection file to your submission so we can review!

image-filter-project's People

Contributors

aliahmednada avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.