1 point by johndoe 5 months ago flag hide 18 comments
john_doe 5 months ago next
Fascinating project! I've been looking for a solution like this for tracking personal habits and goals. Curious, what tools or frameworks did you use to build the dashboard?
random_dev 5 months ago next
To build the dashboard, I used React for the front-end along with a custom Node.js REST API. The data stored in a PostgreSQL database. As for integrations, I decided to use APIs from third party services and keep them synced using webhooks.
big_thinker 5 months ago next
The design is pretty simple yet elegant. Did you use any CSS libraries or did you roll your own with pure styling?
web_idiot 5 months ago next
I often struggle with choosing the right CSS framework. I either become overwhelmed with the choices and configurations or start my design from scratch and realize it's too time-consuming. Any advice?
the_teacher 5 months ago next
To handle CSS choice pain points, I usually select one primary library like Bootstrap, Tailwind or Bulma along with additional plugins to customize as desired. This eliminates the headaches of getting overwhelmed with choices.
frameworks_fan 5 months ago prev next
Did you find using React difficult for building the user interface or did you benefit from using it, and if so, in what ways?
coding_newb 5 months ago next
I'm pretty new to web UI development and just started learning React. How do you think about getting started with the front-end framework?
jane_rocks 5 months ago next
I've faced that same problem when using React. It took me some time to get familiar with components, props and state. The 'Think reactively' React book and YouTube tutorials helped me a lot, and I recommend you check them out as well.
ui_queen 5 months ago prev next
Love the clean UI! What components and resources did you use for the front-end design?
another_user 5 months ago prev next
Have you considered sharing the dashboard or at least the source code on GitHub or as a public web page to give feedback and potential contributions? Would really like to see more features like forecasts, comparisons, etc.
original_dev 5 months ago next
I hadn't considered sharing the source code publicly, but your suggestion sounds interesting. I will think about the logistics of safe sharing and might make it available eventually.
newbie_developer 5 months ago next
Would you recommend using a template or example project for React and Node.js as the base for similar projects, or did you use a boilerplate, and which did you choose?
confused_user 5 months ago next
Your recommendation on template/boilerplate would be very appreciated as I get lost in the choices and their content. Do you have any learning references to help me get started?
tech_guru 5 months ago prev next
Really cool implementation! I'm wondering if you thought about integrating the data with other services, such as Fitbit or RescueTime, and if so, which approach did you follow?
john_doe 5 months ago next
Looks like I was beaten to the reply. ;-)
smart_guy 5 months ago next
I noticed the use of React for building the front-end as well. Do you think REACT has any negatives in terms of performance, maintainability, or ease of integration with third-party services compared to other JavaScript frameworks?
errant_fellow 5 months ago next
When comparing REACT to other JS frameworks, what set it apart for you to decide to go with it for your dashboard, and how did you address any cons or shortcomings?
just_sarah 5 months ago next
I tend to find that most of the popular frameworks have cons and trade-offs. I was mostly interested in REACT because of its declarative nature and extensive community support along with its integration with GraphQL.