Use JavaScript framework in UI

[erik-whiting]

To better serve users, I would like to build the GUI with a JavaScript framework in order to more accurately reflect a real web application.

Since the backend is currently mostly served via REST APIs, we could potentially build UIs with as many JS frameworks as we want. I'm not sure how this would work from a deployment/dependency point of view, but I think it would be a cool feature to add.

For now, we can start with one framework. React is currently the most popular framework so this is probably the best place to start. I'd like to also add Angular, Svelte, maybe even Knockout.

[JoelLau]

hi @erik-whiting, if you decide to go with Angular, I'd be more than happy to get things started 😄

[erik-whiting]

hi @erik-whiting, if you decide to go with Angular, I'd be more than happy to get things started 😄

go for it! let me know if you need help getting started

[erik-whiting]

Also, @JoelLau and anyone else wanting to work on this issue, you don't need to make the entire frontend before submitting a PR, you can do one page at a time if you like.

[JoelLau]

let me know if you need help getting started

I will, thank you!

you don't need to make the entire frontend before submitting a PR

I'll do what I can! 👍

[JoelLau]

hi @erik-whiting, i've been trying to get the docker images to create on my local machine to no avail. is it working on your end?

[erik-whiting]

@JoelLau I actually haven't tried the Docker setup, another contributor added that piece. I'll try it tonight after work and see if I can find any issues.

[JoelLau]

ahh, no worries. I'll python and postgresql on my local machine then. thanks!

[erik-whiting]

@JoelLau after futzing with the docker-compose.yml file, I've come to realize I have no idea what I'm doing. Perhaps @MarcinGladkowski could tell us how to get started? That user created the docker stuff and I approved it, though I admittedly don't know much about docker and how it works. if it matters, I'm on Windows.

[MarcinGladkowski]

@erik-whiting @JoelLau Hi!

I tried to set up docker env from scratch. I didn't mention about one thing.

Connection to database based on env variable:

host=os.getenv('DB_HOST'),

It means you have to specify it in .env file in this way:

DB_HOST=db

Or in docker-compose:

services:
  app:
    // ... other things
    environment:
      - DB_HOST=db

I hope it will help you.

[MarcinGladkowski]

I have another question. How you want to implement FrontEnd part ?

I can prepare next container for React instance.

[JoelLau]

I haven't gotten very far in terms of planning, but I'm thinking of creating a directory at the project root (./angular) that compiles into the existing template directory. Any thoughts?

[erik-whiting]

sounds like a great idea to me!

On Sun, Nov 21, 2021, 9:16 PM Joel Lau @.***> wrote:

I haven't gotten very far in terms of planning, but I'm thinking of creating a directory at the project root (./angular) that compiles into the existing template directory. Any thoughts?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/erik-whiting/LuluTestBed/issues/6#issuecomment-975033033, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALH2WJZOG6BOKSUU4QY2XLTUNGYYBANCNFSM5FCYUMTA .

[JoelLau]

hey all, apologies for the delay in action / response. i just wanted to note that large changes in my personal life have come up in the last months and i likely won't be able to start on this issue until sometime in the next quarter

[erik-whiting]

@JoelLau don't even worry about it! Take care of yourself and reach out if there's anything I can help with 👍