$200 bounty for 3 screen with side menu fully functional UI widget

[venediktov]

We have an old Angular-2 CDN based campaign budget UI management piece of code with HTML
We'd like to have :

• Modern MVC framework UI widget in AngularJS / ReactJS or other presumably in TypeScript
• It has to be integrated with existing backend service with existing REST API
• UI developer will work with our backend engineer
• UI is npm installable with project.json
• The bounty will be paid via Beer Pay / Stripe

For more questions either use our gitter chat channel or IM me directly via email or leave your email by replying to this issue on GitHub.

[surakhchin]

Hey Vladimir, Is related to something I built last summer? https://surakhchin.github.io/budgets2/ Fyi that used AngularJs 1.63 What exactly needs to be done to this github ticket? I might be able to do it. From my initial understanding you need to remove cdn dependencies and introduce package.json? Sincerely, Serge

On Sat, Apr 28, 2018 at 12:08 AM Vladimir Venediktov < ***@***.***> wrote: We have an old Angular-2 CDN based campaign budget UI management piece of code with HTML We'd like to have : - Modern MVC framework UI widget in *AngularJS / ReactJS* or other presumably in TypeScript - It has to be integrated with existing backend service with existing *REST API* - UI developer will work with our backend engineer - UI is npm installable with project.json - The bounty will be paid via *Beer Pay / Stripe* *For more questions either use our gitter chat channel or IM me directly via email or leave your email by replying to this issue on GitHub.* — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#79>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AOC4-A4ZewR8DyvzUCxgZvkDd4VDSRc5ks5ts_k5gaJpZM4TrP64> .

-- Full Stack Developer University of Illinois | Urbana - Champaign (312) 216-7185| urakhchin@gmail.com

[venediktov]

Hey Serge, Good to hear back from you !
I was thinking to leave the old angular as is and to add a totally new directory ,
I will add you to our private repository for Prebid S2S project so you can see what I mean.
I think what it uses called Angular-4/5 and it's based on TypeSript with 3 folders I played with it a bit myself , the structure is like MVC .

• model

• app

• asset

  UI app on the backend starts by calling ng serve ng compiles TypeScript files and produces obfuscated javascript and starts web server with obfuscated JS . Maybe it's not the best solution - let us know what you can offer / suggest we are not picky.

I am thinking we need a main controller menu say on the left side with 3 menu items on click it will open up a pane on the right - something fairly simple but functional , I can fill in the gaps later on.

I hope @abushev can comment on my proposal too.

I will do balsamic mockup tomorrow ?

[surakhchin]

Hey Vladimir, I’ve been using Angular 4/5 for about half a year now so I am familiar with it. From my understanding I use ng serve to locally build out the project and Angular CLI serves it over to me on localhost 4200, I use it for local developing purposes For my Angular 4/5 projects I use ng build and that transcompiles all my typescript and other files into a distribution folder, which I serve over some static serve function (I use node/express) on the backend or host the distribution folder over amazon S3 bucket or github pages similar to what I did with the budgets2 app I made last summer Did you guys customize ng serve somehow to serve over a port/server of your choice? If you mean wire frame like draw on paper what and how you want it to look when you say balsamic mock-up yeah that would be great. Sincerely, Serge

On Sat, Apr 28, 2018 at 1:33 AM Vladimir Venediktov < ***@***.***> wrote: Hey Serge, Good to hear back from you ! I was thinking to leave the old angular as is and to add a totally new directory , I will add you to our private repository for Prebid S2S project so you can see what I mean. I think what it uses called Angular-4/5 and it's based on TypeSript with 3 folders I played with it a bit myself , the structure is like MVC . - model - app - asset UI app on the backend starts by calling ng serve ng compiles TypeScript files and produces obfuscated javascript and starts web server with obfuscated JS . Maybe it's not the best solution - let us know what you can offer / suggest we are not picky. I am thinking we need a main controller menu say on the left side with 3 menu items on click it will open up a pane on the right - something fairly simple but functional , I can fill in the gaps later on. I will do balsamic mockup tomorrow ? — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#79 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AOC4-Id6yltsHoinz3ardhzUgYBcATebks5ttA0sgaJpZM4TrP64> .

-- Full Stack Developer University of Illinois | Urbana - Champaign (312) 216-7185| urakhchin@gmail.com

[venediktov]

Yes , that's right , it's going to be local host port 4200 for now .

Please hit our organization page https://github.com/vanilla-rtb and accept invitation , so you can see private repos.
If you don't see invitation click on some repos under it or even go directly to

https://github.com/vanilla-rtb/Prebid

( you have to be logged in to your GitHub account )

Then go to https://github.com/vanilla-rtb/Prebid/src/prebid-ui

when cloning you will get this structure

• Prebid
  • src
    • prebid-ui

This is the folder with README.md file and you can try running Angular-4/5 app .
Under prebid_ui/backend-mock we have a small restful Java app to run it

mvn clean install 
mvn exec:java 

For venediktov/vanilla-rtb e.g. the issue we're discussing we could create a folder under our organization github.com/vanilla-rtb/campaign-ui this way it will become a separate module and can be reused by other projects .

This new UI could also be hosted on npm or GitHub, but here in this repo we could write a README.md section providing installation command , what do you think ?

For GitHub hosted installation
npm install vanilla-rtb/campaign-ui

For npm hosted installations
npm install @vanilla-rtb/campaign-ui

I hope @abushev or @mrbald can comment on my proposal too.

I will provide you with a mock-up later today , but you are welcome to redesign L&F we only care about functionality .... thanks for quick response to the issue!

[venediktov]

Posted Angular model to campaign-ui

structure could be

-Main Menu

• Campaign
• Targeting

[porteron]

@venediktov My team and I have a potential React/Redux UI integration. It has a RESTful Loopback API backend. Would love to try and integrate with the bidder.

We will share with you and your team in Wednesday's meeting.

[venediktov]

Thank you @mnoster for reaching out .
React-redux sounds good to me. Let's try to integrate UI to the bidder backend process for targetings management, we can even replace current budget UI with react-redux if it makes more sense.

[venediktov]

@mnoster here is the video I recorded describing what needs to be done, perhaps it's not that great as it focuses on Angular. We are totally ok to integrate with React-Redux.

https://youtu.be/bT8dAbMY9qU

[porteron]

@venediktov I'll share what we have with you tomorrow. As long as there are API's built out on the backend, it should be relatively straight forward.