UX DrivenSoftware Engineer
Introduction
Overview
Software Engineer with a diverse skill set and a proven track record in adapting to various technologies. Committed to continuous learning and skill enhancement, I bring adaptability and a strong foundation to each dynamic project. Eager to embrace new technologies for ongoing enrichment and growth.
Front End
Back End
Full Stack
What I have done so far
Work Experience.
Memorang
- 𝐀𝐈 𝐯𝐞𝐜𝐭𝐨𝐫 𝐞𝐦𝐛𝐞𝐝𝐝𝐢𝐧𝐠: Integrated Supabase AI vector embedding to enhance search and semantic analysis capabilities, enabling the platform to efficiently manage complex queries and deliver precise results.
- 𝐔𝐈 𝐑𝐞𝐟𝐚𝐜𝐭𝐨𝐫𝐢𝐧𝐠: Refactored the entire Frontend UI, transitioning from Material UI to Shadcn UI, resulting in a more modern and efficient user interface.
- 𝐌𝐨𝐧𝐨𝐫𝐞𝐩𝐨 𝐌𝐢𝐠𝐫𝐚𝐭𝐢𝐨𝐧: Orchestrated the migration from Yarn to PNPM, resulting in a 75% reduction in build times, optimizing development workflows and enhancing team efficiency.
- 𝐂𝐥𝐞𝐫𝐤 𝐖𝐞𝐛𝐡𝐨𝐨𝐤𝐬 & 𝐒𝐭𝐫𝐢𝐩𝐞 𝐈𝐧𝐭𝐞𝐠𝐫𝐚𝐭𝐢𝐨𝐧: Integrated Clerk webhooks and Stripe payment methods, with robust testing using Ngrok to ensure smooth functionality across platforms.
- 𝐀𝐏𝐈 & 𝐃𝐚𝐭𝐚𝐛𝐚𝐬𝐞 𝐃𝐞𝐬𝐢𝐠𝐧 𝐰𝐢𝐭𝐡 𝐏𝐫𝐢𝐬𝐦𝐚 𝐎𝐑𝐌: Developed a 𝐑𝐄𝐒𝐓 API and data schema using Prisma for CRUD operations, along with a seed script to populate the database.
Frontend Engineer
- 𝐎𝐩𝐭𝐢𝐦𝐢𝐬𝐭𝐢𝐜 𝐚𝐧𝐝 𝐂𝐥𝐞𝐚𝐧 𝐔𝐈: Built optimistic, and clean UIs with smooth animations and SEO-friendly features, enhancing the user experience across the platform
- 𝐂𝐮𝐬𝐭𝐨𝐦 𝐇𝐨𝐨𝐤𝐬 & 𝐑𝐞𝐮𝐬𝐚𝐛𝐥𝐞 𝐂𝐨𝐦𝐩𝐨𝐧𝐞𝐧𝐭𝐬: Built custom hooks and reusable components to facilitate the development of complex, interactive UIs
- 𝐀𝐏𝐈 & 𝐁𝐚𝐜𝐤𝐞𝐧𝐝 𝐎𝐩𝐭𝐢𝐦𝐢𝐳𝐚𝐭𝐢𝐨𝐧: Spearheaded API and backend optimization, integrating Neon Database with Next.js and Prisma ORM, significantly improving data handling and response times
- 𝐒𝐨𝐜𝐢𝐚𝐥 𝐌𝐞𝐝𝐢𝐚 𝐒𝐄𝐎 𝐃𝐚𝐬𝐡𝐛𝐨𝐚𝐫𝐝: Built a dashboard for managing keyword search volume on social media, enabling trend identification and data-driven content enhancements to boost social media SEO
- 𝐒𝐚𝐧𝐢𝐭𝐲 𝐂𝐌𝐒 𝐈𝐦𝐩𝐥𝐞𝐦𝐞𝐧𝐭𝐚𝐭𝐢𝐨𝐧: Streamlined content management by implementing Sanity CMS, reducing blog post creation time by 40%
- 𝐓𝐃𝐃 𝐏𝐫𝐚𝐜𝐭𝐢𝐜𝐞𝐬: Leveraged Test-Driven Development (TDD) practices, achieving 95% code coverage and minimizing post-release bugs
- 𝐄𝐧𝐝-𝐭𝐨-𝐄𝐧𝐝 𝐓𝐞𝐬𝐭𝐬: Built comprehensive end-to-end (e2e) tests with Playwright, covering critical scenarios to reduce regression issues.
- TypeScript
- Tailwind CSS
- React
- Next.js
- Recoil
- Redux
- Zustand
- Material UI
- Shadcn UI
- Magic UI
- Three.js
- React3Fiber
- Framer Motion
- Node.js
- Express
- Clerk
- Stripe
- React FLow
- Webhooks
- REST API
- GraphQL
- PostgreSQL
- Neon DB
- MongoDB
- Supabase
- Prisma
- Ngrok
- Docker
- Resend
- Sanity CMS
- Postman
- Jest
- Vitest
- Cypress
- Playwright
My work
Projects.
I have a diverse portfolio of projects that highlight my expertise in solving real-world challenges. Each project is accompanied by concise descriptions, along with links to code repositories and live demos. These examples demonstrate my ability to tackle complex problems, work across various technologies, and efficiently manage projects from start to finish.
Writora AI
AI-Powered SaaS platform that transforms your video or audio content into a blog post.
#next.js
#tailwind css
#shadcn ui
#magic ui
#open ai
#clerk
#stripe
#neon db
Multivo AI
AI-powered platform for podcast creation with multi-voice conversion, thumbnail generation.
#next.js
#tailwind css
#shadcn ui
#clerk
#open ai
#convex
Fuzora
Automate your workflow by connecting your favorite tools and automating tasks effortlessly.
#next.js
#tailwind css
#shadcn ui
#acertinity ui
#react flow
#clerk
#neon db
#prisma
#stripe
Groupix
SaaS LMS platform enables businesses to effortlessly create and manage communities.
#next.js
#tailwind css
#shadcn ui
#clerk
#supabase
#prisma
#stripe
Genie Blog
AI-powered blog generator that lets users effortlessly create high-quality blog posts with images in just one click.
#Next.js
#Tailwind
#Open ai
#supabase
Design AI
Create your unique and exclusive shirt with our brand-new AI 3D customization tool. Unleash your imagination and define your own style.
#react
#three.js
#tailwind css
#openai
Showcase AI
This application to generate unique and creative high quality images based on user inputs or specific criteria and also learn from the other user prompt.
#react
#node.js
#openai
#mongoDB
Summarizer AI
This AI article summarizer is allows users to summarize long articles into shorter and more concise versions. The app is designed to be user-friendly and easy to use.
#react
#openai
#tailwind css
3D Portfolio
This website is a showcase of my skills as a web developer. It uses 3D graphics and animation to create a visually appealing and interactive experience.
#react
#tailwind css
#three js
#framer motion
Workflow
I adhere to the Agile methodology for software development. It includes analyzing and planning requirements, iterative software building, and continuous improvement of design and functionality.
What others say