add dashboard

[sicunchen]

Pull Request

Description

My attempt at #131 and #133 . I used fastapi for the backend and react (shadcn/ui) for the dashboard. I also added some simple validation for the inputs.

How Has This Been Tested?

https://github.com/user-attachments/assets/1debaf0e-61b4-4b7f-876d-5499c58aecad

• [x] Yes

If your changes affect data processing, have you plotted any changes? i.e. have you done a quick sanity check?

• [ ] Yes

Checklist:

• [ ] My code follows OCF's coding style guidelines
• [x] I have performed a self-review of my own code
• [ ] I have made corresponding changes to the documentation
• [ ] I have added tests that prove my fix is effective or that my feature works
• [x] I have checked my code and corrected any misspellings

[sicunchen]

To see the dashboard locally, first start the api: cd backend. python main.py. backend will be running at localhost:8000.

Running the frontend: cd frontend. npm run dev frontend will be running at localhost:5137

[peterdudfield]

Thank you so much for this, really appreciate you doing this. Great video

Could you add the instruction on how to run the api and app into a new section in the readme?

[sicunchen]

I added the instruction and reverted the notebook change

[Clemo97]

@sicunchen since you've already built the API how about adding a schema and docs for it?

[peterdudfield]

@sicunchen since you've already built the API how about adding a schema and docs for it?

Thats a great suggestion. After #149 is merged we should definately do this. Ive put this in here #150

[peterdudfield]

@all-contributors please add @sicunchen for code

[allcontributors[bot]]

@peterdudfield

I've put up a pull request to add @sicunchen! :tada:

[peterdudfield]

hey @sicunchen do you fancy putting the video you made in the readme.md here?