search

venediktov / vanilla-rtb

Real Time Bidding (RTB) - Demand Side Platform framework
http://forkbid.com
GNU General Public License v3.0
318 stars 84 forks source link

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

Open venediktov opened 6 years ago

venediktov commented 6 years ago

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

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 commented 6 years ago

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 < notifications@github.com> 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 https://github.com/venediktov/vanilla-rtb/issues/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 commented 6 years ago

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 .

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 commented 6 years ago

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 < notifications@github.com> 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 https://github.com/venediktov/vanilla-rtb/issues/79#issuecomment-385145384, 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 commented 6 years ago

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

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 commented 6 years ago

Posted Angular model to campaign-ui

structure could be

-Main Menu

porteron commented 6 years ago

@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 commented 6 years ago

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 commented 6 years ago

@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 commented 6 years ago

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