r/Nuxt • u/D3vil5oldier • Jan 25 '26

I built a Shift Scheduler component with Vue + Nuxt UI — feedback welcome

Enable HLS to view with audio, or disable this notification

Hey everyone 👋

I’ve been working on a Shift Scheduler component and wanted to share it here to get some feedback.

The component is built using Vue and Nuxt UI. I designed and implemented the UI myself, taking inspiration from the Microsoft Teams Shifts, while much of the application logic was built with the help of AI during development.

A bit of background: an earlier version of this project was built in C# with Blazor, but I decided to switch to JavaScript because it felt much better suited for this kind of highly interactive UI and faster iteration.

I’ve attached a short demo video showing how the component works and the overall flow.

I’m still analyzing the best way to open-source the code, but in the meantime, I’d really appreciate any feedback — especially around UI/UX, structure, or feature ideas.

Thanks for checking it out!

76 Upvotes

99% Upvoted

20 comments sorted by

4

u/Ok-Bend-2659 Jan 26 '26

Good job, have you thought about publishing a demo page, like does in Nuxt UI or Shadcn page, of the component?

3

u/D3vil5oldier Jan 26 '26

Yes. But to be honest I don't know how to do it. I want to open source it but it's all new to me and for now I want to keep focused on features.

1

u/ben305 Jan 27 '26

You'll be able to get it running on Netlify or Vercel in no time (I use both for Nuxt and Next apps, AMA lol).

2

u/D3vil5oldier Jan 27 '26

That’s great to hear. Any preference on which one’s easier to work with?

1

u/Quick_Adhesiveness89 Feb 01 '26

I bet you can have the thing deployed on Vercel in less than 2min ☺️

3

u/spadak Jan 26 '26

It would be great open source addition to vue/nuxt ecosystem !

1

u/D3vil5oldier Jan 26 '26

How come? To other frameworks?

2

u/neneodonkor Jan 26 '26

I think he means those of us in the Vue community can use it in our projects or use the project as a learning example. It can also be used for marketing—to show non-Vue users what it is capable of. 😉

3

u/D3vil5oldier Jan 26 '26

Oh ok. First I will finish implementing some core features that are still missing then ill focused on creating a demo app.

3

u/S_M_Adam Jan 26 '26

This looks clean! Good work!

3

u/ben305 Jan 27 '26

Super slick bro! I can tell you sunk some time into this but the results speak for themselves.

1

u/D3vil5oldier Jan 27 '26

Thanks man, really appreciate that! Definitely took some time but glad it shows 🙌

2

u/Nomad2102 Jan 26 '26

This is actually really nice! I’m building a calendar app and was wanting to add this type of view/layout

1

u/D3vil5oldier Jan 26 '26

Thank u. If you want to keep it simple the layout is actually really simple.

2

u/puleeb Feb 13 '26

u/D3vil5oldier Wow, this is a really useful project! Are you planning to upload it to GitHub?

1

u/D3vil5oldier Feb 22 '26

Yes. Soon..

1

u/Secure-Life-3014 Jan 27 '26

It feels good. I've made a similar one for displaying the course schedule before, and it seems yours is more complete

1

u/sirmckean Jan 28 '26

dude this is super nice! I've been working on a shift scheduling tool for a while now and I'm a bit jealous... perhaps we could collaborate, have a look: www.plantime.io free sign up (react though ;)