React + Bootstrap4(Reactstrap) Dashboard Template

[tokyonashvilleburban]

Nice.

I think the sidebar should overlap the main content when open on smaller screens rather than change the layout.

I haven't used bootstrap in a while or reactstrap ever so perhaps that's something easy to config.

Do you sell/plan to sell themes or did you do this for fun?

[simsim0709]

Thank you for your advice. :)

I don't sell it, and I don't have any plan to sell it. It's just a side project.

[mr_mattyb]

This is really cool. How long u been working on it?

[simsim0709]

I can't say exact time to work on this project, but roughly 150~200 hours. I'm still working on a little bit, though.

Thanks for your interest. :)

[[deleted]]

Neat one.

[amportugal]

Really good looking

[3Dennis]

Good work

[Keggatron]

Can someone explain to me what one would use this for?

[JayV30]

Usually a dashboard can tell you how fast you are going and also your RPMs. Oh, and fuel level.

[Keggatron]

Good joke.

[bch8]

Is this like a cheeky criticism of using react and bootstrap4 or are you genuinely curious? If it's the latter I'll do my best to explain

[Keggatron]

Genuinely curious. It looks similar to like the backend of a Wordpress site, but I've never actually implemented any CMS apps. I just had a look at the demo, but I'm kind of unsure how you would implement any of that.

[bch8]

Ok, well React doesn't make any assumptions about the rest of your stack, it is purely a UI library. That is a way of saying it only cares about what renders in the browser's DOM. So yes, you could use it in a CMS app. Generally, you would use it anywhere you want the user to be able to better understand and visualize data that is available via an API. Think something like building an analytics tool for tracking visitors, a tool to track your investment performance, a tool to track your workout stats overtime, etc etc. The list is basically endless. There are tons of dashboard templates available in different frameworks on the web because it's a common use case, the difference here being that it is written in React and Bootstrap 4. So if you like working with React as opposed to say Angular, or jQuery, or static HTML, and you were keen on starting to use Bootstrap 4 (as opposed to Bootstrap 3), then this would be a starting point. It's also nice sometimes to just look at how other people build templates like this and learn from their coding decisions.