16 feature/create web UI

[EhabY]

Created a simple UI using React and Chakra UI

The app currently has the following features:

• Stack statuses are fetched from "/stacks"
• A search bar that filters based on all the status properties
• Support for light and dark theme
• A link to this GitHub Repo

I have also made sure to configure eslint and prettier to achieve the best results for an error free and nice looking code. Please use VS Code with the following options (.vscode/settings.json):

{
  "editor.codeActionsOnSave": {
    "source.organizeImports": "always",
    "source.fixAll.eslint": "always"
  },
  "editor.formatOnSave": true,
  "eslint.format.enable": true,
  "eslint.lintTask.enable": true,
  "editor.tabSize": 2
}

[m-adawi]

Thanks @EhabY! The UI looks so neat

[sanzoghenzo]

Hi!
I still have to try it, will do ASAP!

In the meantime, I only want to suggest the use of biome instead of prettier and eslint, it's way faster 😉

[yazan-abu-obaideh]

Has Dependabot been configured to upgrade the npm dependencies?

[sanzoghenzo]

I'm a total newbie in golang, so maybe I'm missing something, but I got 404 errors until I changed the paths in the router to be like ../ui/dist instead of ui/dist. Is this because I'm using go run main.go inside the cmd folder?

EDIT: nevermind, I had to run it from the root folder 😅

[EhabY]

Hi! I still have to try it, will do ASAP!

In the meantime, I only want to suggest the use of biome instead of prettier and eslint, it's way faster 😉

I'll land this with Eslint & Prettier but I'll take a look at Biome if it makes sense :)!