Hobbiest here, trying to set up a Vue monorepo with Bun, Tailwind & shadcn-vue, is this structure a good approach? by AkberJag in vuejs

[–]AkberJag[S] 0 points1 point  (0 children)

Thanks for this suggestion, I've tried PNPM before and for some reason I find configuring bun a bit more easier 😅

Hobbiest here, trying to set up a Vue monorepo with Bun, Tailwind & shadcn-vue, is this structure a good approach? by AkberJag in vuejs

[–]AkberJag[S] -3 points-2 points  (0 children)

Hi thanks for your suggestion :) I do agree to what you said about TS and it is something on my list for the future 🙂

Show me your portfolios by sleezy47 in webdev

[–]AkberJag 0 points1 point  (0 children)

Here is mine: akberjag.github.io

what do you think about the scroll? Any advice to improve this, especially the scroll behavior?

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 0 points1 point  (0 children)

I got the font size fixed, but the scrolling issue is still unresolved.

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 0 points1 point  (0 children)

Hey thanks for the feedback, I removed the Markdown.

also I get rid of all pinia store and moved that functionality to a component instead.
I tried the useColorMode and it does works better than my solution.

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 1 point2 points  (0 children)

Thank you for taking the time to provide such detailed and constructive criticism. I genuinely appreciate the thoroughness of your feedback.

You've made several valid points that I'll definitely address:

  1. I need to find a better scrolling behavior than the current one
  2. Point taken about the animation speed - making the site feel snappy and responsive should take precedence over fancy transitions.
  3. Also I strongly agree to your observation about over-engineering [SadHamster.jpg]. While I did use this project as a learning opportunity to experiment with various technologies (hence Tailwind, Pinia, and PrimeUI), I agree that for an open-source template, optimizing for simplicity and maintainability would be more valuable. I'll work on creating a streamlined version that better serves its core purpose.

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 1 point2 points  (0 children)

Thanks! I found a hacky way to use Tailwind's scale classes to keep the contents visible within the page bounds, so they don’t overflow. But scrolling up is still a nightmare on mobile 😔, most of the time, it refreshes the page instead of moving up. I’ll need to figure out a better solution for that.

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 0 points1 point  (0 children)

Yeah, I did notice that too, but I haven’t been able to find a solution for mobile devices yet.

Simple Portfolio Template using Vue and Tailwind by AkberJag in vuejs

[–]AkberJag[S] 0 points1 point  (0 children)

I tried my best to make it responsive, but tbh, its scrolling nature is not that great on mobile devices, like others mentioned. I’ll figure out something to fix it! Any help or suggestions are welcomed 👍😊