DEV Community

Cover image for Introducing Nexus: A Polished Dashboard Built with Vite, React, and Shadcn/ui

Introducing Nexus: A Polished Dashboard Built with Vite, React, and Shadcn/ui

Praveen Sripati on July 20, 2025

This is a submission for Frontend Challenge: Office Edition sponsored by Axero, Holistic Webdev: Office Space What I Built For this cha...
Collapse
 
cmacu profile image
Stasi Vladimirov

Might want to rename this template to a Feed or something like that. Admin dashboard usually need to include:

  • form components: admins manage data. How do you do that without inputs, which also includes filters for:
  • chart and visualization components: or other tools that can display data at scale and allow ways to slice and dice it
  • navigation/menu: some way to organize the application without dumping everything on a single page. Especially important for mobile support.

Other than that your project looks like a good exercise in creating various widgets.

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks for the feedback. You're right, renaming it to "Feed" makes more sense given the current structure. I’ll definitely consider adding form elements, filters, and proper navigation to bring it closer to a full-fledged admin dashboard. Appreciate you pointing that out!

Collapse
 
hype8912 profile image
Joshua DeLong

It's great work and will fit it's place but you are going to have a very hard time marketing it and people finding it because of the name. I only say this because of Sonatype Nexus Repository Manager is going to over shadow any results in finding it or finding any documentation to support it. My only recommendation is coming up with a different name or a parent name like "Praveen Nexus" to make your application distinct.

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks a lot for the feedback, that’s a very valid point! I didn’t initially consider with Sonatype Nexus, but you're absolutely right. I’ll definitely look into renaming or adding a unique prefix to make it stand out better. Appreciate you pointing it out early! 🙌

Collapse
 
khi195 profile image
khi195

Well done Praveen, looks great.

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks

Collapse
 
kevin_mchel_8196b27eb7c8 profile image
Kevin Möchel

Can you please add a big thanks on your GitHub repo for the creator of the theme transition animation? Its awesome and we should pay our respect.

Two remarks on the implementation:

  1. The transition should check if the user has reduced motion active and skip the animation accordingly.
  2. You override the global default behaviour of view transitions in your CSS. This leads to the default link navigation to have no animation at all, which is not intentional . I have an implementation here that solve the issue by temporarily overriding the root transition for the duration of the theme toggle.
Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks! I’ll definitely give a shoutout to the creator of the theme transition, it’s amazing and truly deserves credit. Great points, I’ll try to implement those as well. Appreciate the feedback! 🙏.

Collapse
 
nparkison profile image
Nik Parkison

Love the theme switch animation

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks

Collapse
 
hilliard profile image
hilliard

Very nice! Excellent explainations.

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks

Collapse
 
satya_kalyanam_49e36b9785 profile image
Satya Kalyanam

Excellent work bro this is the best design, keep going. keep sharing

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks a ton, bro! Really means a lot 🙌 Will keep sharing more cool stuff!

Collapse
 
mosi3 profile image
Mo

Dude ....

Collapse
 
robertthomas profile image
Robert Thomas

great

Collapse
 
praveen-sripati profile image
Praveen Sripati

Thanks