https://github.com/tufoinnkuo10/cloud-project-udagram

udagram app
https://github.com/tufoinnkuo10/cloud-project-udagram

Last synced: about 1 month ago
JSON representation

udagram app

• Host: GitHub
• URL: https://github.com/tufoinnkuo10/cloud-project-udagram
• Owner: tufoinnkuo10
• Created: 2022-08-27T15:32:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-02T16:39:44.000Z (over 2 years ago)
• Last Synced: 2023-03-08T19:17:11.523Z (almost 2 years ago)
• Language: TypeScript
• Size: 980 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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.

## links

### link to EBS endpoint URL : cloud-project-udagram-dev.us-east-1.elasticbeanstalk.com

### tested with : https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQFoVTiza7ucypQlheqzB8-GIK-GhrZ7tKK7A&usqp=CAU

### app screenshot

![ScreenShot](/images/deployedscreenshot.png)

![ScreenShot](/images/deployedsecondscsht.png)

![ScreenShot](/images/localscreenshots.png)

The project is split into three parts:

1. [The Simple Frontend](https://github.com/udacity/cloud-developer/tree/master/course-02/exercises/udacity-c2-frontend)

A basic Ionic client web application which consumes the RestAPI Backend. [Covered in the course]

2. [The RestAPI Backend](https://github.com/udacity/cloud-developer/tree/master/course-02/exercises/udacity-c2-restapi), a Node-Express server which can be deployed to a cloud service. [Covered in the course]

3. [The Image Filtering Microservice](https://github.com/udacity/cloud-developer/tree/master/course-02/project/image-filter-starter-code), the final project for the course. It is a Node-Express application which runs a simple script to process images. [Your assignment]

## tTasks

### Setup Node Environment

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`

### 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.

```typescript

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.

## Stand Out (Optional)

### Refactor the course RESTapi

If you're feeling up to it, refactor the course RESTapi to make a request to your newly provisioned image server.

### 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!

### Custom Domain Name

Add your own domain name and have it point to the running services (try adding a subdomain name to point to the processing server)

> !NOTE: Domain names are not included in AWS’ free tier and will incur a cost.