.work();

You're currently viewing this website my personal portfolio designed and developed from scratch using modern tools and animations. It showcases my projects, design style, and interactive UI/UX skills. Built with Next.js, Framer Motion and GSAP, the site features smooth scroll, responsive layout, and thoughtful micro-interactions. It also integrates SWR for data fetching, Lenis for scroll behavior, and custom forms. This project reflects both my technical stack and creative direction.

Built a fully responsive, multi-user session-booking platform by translating a Figma design into functional code using HTML, CSS, JavaScript, Bootstrap, and Oxygen Builder. The platform features separate dashboards for subscribed users and therapists, supporting session booking, real-time chat, and profile management through the browser. It also includes dynamic therapist profiles, blog content with sliders and shuffling, and a smart therapist recommendation engine. Experience the recommendation tool here: Recco Engine. This project was delivered as part of my work at Heart It Out, with a strong emphasis on performance, UI/UX implementation, and seamless user experience.

Otaku Diary is a personal project currently under development, focused on showcasing anime quotes in a visually engaging format. The goal is to fetch and display posts directly from my Instagram account, allowing users to view my original anime-themed content alongside curated quotes. Built with Next.js and GSAP, the site will feature smooth animations, a responsive design, and future updates like anime news integration and more quote collections. This project helps me sharpen my skills while building something creative and meaningful for the anime community.

Built a blog website using HTML, CSS, and JavaScript, which includes an admin panel UI. When users upload a blog, it appears in their account, displaying the total number of blogs they've created. This project was developed at my current company, Heart It Out, and features full responsiveness, sliders, multiple blog pages, and dynamic blog shuffling. It’s designed for fast loading and seamless content display.

Created a Chrome extension that shows motivational quotes on every new tab and refresh. The live version includes a dynamic sun that adjusts based on the time of day. Recently, I added a scenic background with grass and other elements using HTML, CSS, and JavaScript. I plan to expand its features in the future.

During my internship, Developed the Rangla Punjab website, which is fully responsive and adapts to different screen sizes. With a solid backend, updates from the backend don’t affect the frontend. The website is highly optimized for performance and efficiency.

Developed the Shree Motors website from scratch, ensuring it was designed for frequent use. It’s fully responsive and functions seamlessly across all devices and screen sizes. The backend is robust, enabling efficient data storage and management, offering a reliable and user-friendly experience.

Built the Arachnomesh website, featuring GSAP-driven bottle animations for a more interactive experience. Built with HTML, CSS, and JavaScript, the site is fully responsive across devices. Advanced animation techniques were employed to enhance user engagement while ensuring smooth performance and integration.

Designed the 10 on 10 Store website as part of my internship, focusing on creating an intuitive food ordering UI. The site showcases products through sliders and ensures a responsive, aesthetically pleasing design with carefully selected fonts and styles. The project was built using HTML, CSS, and JavaScript to create a seamless and efficient food ordering platform.