🚀 Feature: add filtering to the analytics page

[nevo-david]

🔖 Feature description

On the main analytics page, add a date range picker between dates.
It will filter both the top graph and the amount of stars at the bottom.

🎤 Why is this feature needed ?

Sometimes, we need more focused analytics on specific dates

✌️ How do you aim to achieve this?

• Add the frontend logic into the apps/frontend/src/components/analytics
• Add the backend logic into the DTO and the services, starting from the controller at apps/backend/src/api/routes/analytics.controller.ts

🔄️ Additional Information

No response

👀 Have you spent some time to check if this feature request has been raised before?

• I checked and didn't find similar issue

Are you willing to submit PR?

None

[jyo142]

Hi @nevo-david I am pretty new to open source configuration and was wondering if I could help out on this issue?

[nevo-david]

Hi @jyo142 :)
For sure, but can you run the project before?

[jyo142]

@nevo-david thank you for your response. I believe that I have successfully run the project locally. Does this look correct?

[nevo-david]

Awesome!
Assigning it to you @jyo142,
Make sure you add your GitHub in the settings so you can see more metrics.

[jyo142]

Hi @nevo-david this may be a silly question... but do you know how I can get past the billing? Whenver I go to the Billing page locally the popup of "Payment Required" keeps showing up even if I click on the "Move to Billing" button. I could play around with the code to try and make it work but I just wanted to make sure that I do it the right way. Do I have to signup in the production instance first?

Thanks!

[nevo-david]

Yup, just remove the Stripe env variables :)

…

On Fri, May 3, 2024 at 2:54 AM James Okada ***@***.***> wrote: Hi @nevo-david <https://github.com/nevo-david> this may be a silly question... but do you know how I can get past the billing? Whenver I go to the Billing page locally the popup of "Payment Required" keeps showing up even if I click on the "Move to Billing" button. I could play around with the code to try and make it work but I just wanted to make sure that I do it the right way. Do I have to signup in the production instance first? Thanks! Screenshot.2024-05-02.at.12.52.43.PM.png (view on web) <https://github.com/gitroomhq/gitroom/assets/4103523/540c9d04-7cb8-44dd-a2b6-6aa0469f0de8> — Reply to this email directly, view it on GitHub <#147 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AX32VBTNQL4YYEEISULYP2LZAKKYTAVCNFSM6AAAAABE5JXO5KVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDAOJRGQ2DIMJZGU> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[jyo142]

hi @nevo-david thank you for the response. Unfortunately removing the env variables still did not help :( just curious would you be available for a quick screenshare sometime? I do really want to help out but hopefully I can resolve this issue soon

[joset98]

Hey @jyo142 check again to run the project

[nevo-david]

@jyo142 we have fixed the problem, can you take the new changes from main?

[jyo142]

@nevo-david @joset98 that worked thanks for the fix! Sorry i have been caught up with work and havent been able to put much attention into this. @nevo-david what is your opinion on using external packages for this project? I was thinking about https://www.npmjs.com/package/react-date-range (it says not being maintained, but that was about 2 weeks ago and it still looks very good and popular)

[nevo-david]

@jyo142 thank you for the response, I have somewhat missed it. Sorry for that.
We already have a datepicker in the project, check out:
apps/frontend/src/components/launches/helpers/date.picker.tsx

It uses mantine, feel free to customize another component from it for a range picker, should be easy :)