Technical Lead @ Square1. Also, Full-Stack Developer

github

hashnode

Swapnil Bhavsar  • Peerlist

I'm Janvi Bhavsar a UI/UX designer crafting thoughtful interfaces with a user first mindset from wireframes to final UI.

<p><strong>Pineicons</strong> is a custom-designed icon library created to support clean, consistent, and modern UI design. Built with flexibility in mind, each icon is lightweight, scalable, and fully customizable making it easy for designers and developers to integrate into web apps, mobile apps, dashboards, and design systems.</p><p>This set focuses on clarity and usability, with a minimal line style that works across both light and dark themes. Whether you're building a product interface or refining a design system, Pineicons helps you move fast without compromising on style.</p><p>Created as a passion project to improve design speed, consistency, and collaboration for UI/UX teams.</p>

Pineicons

<p class="leading-6">StoryToonsTV is an online stories platform, where users can read/watch stories in multiple languages. It uses the <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://developers.google.com/youtube/v3">YouTube API</a> to fetch stories from the channels. The application was developed using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nuxtjs.org">Nuxt.js</a> &amp; uses REST API powered by the <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://laravel.com">Laravel Framework</a>.</p><h4 class="rich-heading">💡 Highlights</h4><ul><li><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://developers.google.com/youtube/v3">YouTube Data API</a> integration.</p></li><li><p class="leading-6">Uses <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nova.laravel.com">Laravel Nova</a> for managing content.</p></li><li><p class="leading-6">Front-end was developed using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nuxtjs.org">Nuxt.js</a> &amp; <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tailwindcss.com">Tailwind CSS</a>.</p></li><li><p class="leading-6">Uses <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://laravel.com">Laravel Framework</a> as Back-end for REST API.</p></li><li><p class="leading-6">Uses <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vercel.com/">Vercel</a> as a serverless platform for deployments.</p></li></ul><h4 class="rich-heading">⚡ Tech stack</h4><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vuejs.org">Vue.js</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nuxtjs.org">Nuxt.js</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://laravel.com">Laravel</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tailwindcss.com/">Tailwind CSS</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://developers.google.com/youtube/v3">YouTube Data API</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nova.laravel.com">Laravel Nova</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vercel.com/">Vercel</a>.</p>

StoryToonsTV

<p class="leading-6">LocalTicketing is an online ticket booking platform for booking Music/Concert Shows in Germany. I worked on the frontend as a <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vuejs.org">Vue.js</a> Developer. The entire application was built using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nuxtjs.org/">Nuxt.js</a> with API integration using the <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://laravel.com">Laravel Framework</a>.</p><h4 class="rich-heading">💡 Highlights</h4><ul><li><p class="leading-6">Developed entire front-end using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tailwindcss.com/">Tailwind CSS</a>.</p></li><li><p class="leading-6">Integrated with REST API using <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://swagger.io/tools/swagger-ui/">Swagger UI</a>.</p></li><li><p class="leading-6">Integrated with <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.algolia.com/">Algolia</a> Search API.</p></li><li><p class="leading-6">Developed Ticket Checkout System.</p></li><li><p class="leading-6">Integrated <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.mollie.com/en">Mollie</a> Payment Gateway.</p></li></ul><h4 class="rich-heading">⚡ Tech stack</h4><p class="leading-6"><a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://vuejs.org">Vue.js</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://nuxtjs.org">Nuxt.js</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://laravel.com">Laravel</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://tailwindcss.com/">Tailwind CSS</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.algolia.com/">Algolia</a>, <a target="_blank" rel="noopener noreferrer nofollow" class="text-green-text rich-link break-all link-break" href="https://www.mollie.com/en">Mollie Payments</a>.</p>