Projects
Next.jsNode.jsPrisma ORMZodTurborepoTailwind CSSReact Toastify
Description
● Developed the frontend of a robust B2B networking platform using Next.js within a Turborepo monorepo architecture.
● Integrated RESTful APIs and implemented form validation using Zod for a secure and type-safe user experience.
● Collaborated on backend logic using Node.js and Prisma ORM to manage relational data efficiently.
● Implemented responsive UI with Tailwind CSS and used React Toastify for real-time feedback and notifications.
● Ensured high performance and maintainability through modular architecture and clean code practices.
Next.jsTypeScriptTailwind CSSFramer MotionSanity CMS
Description
● Developed a modern coworking space platform using Next.js and TypeScript, featuring a dynamic gallery and workspace sections.
● Integrated Sanity CMS to allow easy content management, enabling real-time updates for workspace details, images, and pricing.
● Designed a responsive interface using Tailwind CSS, ensuring optimal user experience across desktop, tablet, and mobile devices.
● Utilized Framer Motion for smooth animations and transitions, enhancing the overall user experience and interaction.
● Optimized website performance with Next.js's static site generation for fast load times and better SEO.
● Provided an admin interface to manage content, including workspace details, images, and availability, directly from the CMS.
Next.jsTailwind CSSReact IconsFramer MotionSanity CMSResponsive Design
Description
● Developed a vibrant and inclusive platform to empower women entrepreneurs through networking, mentorship, and global visibility.
● Integrated Sanity CMS for seamless content management, enabling dynamic updates to events, blogs, and gallery sections.
● Implemented dedicated modules for community events and blog posts, allowing for real-time content publishing.
● Designed a dynamic image gallery to showcase community highlights and success stories.
● Built with Next.js and Tailwind CSS for fast, responsive, and accessible user experience across devices.
● Enhanced interactivity and polish using Framer Motion and React Icons for intuitive UI feedback.
Next.jsTailwind CSSSanity CMSFramer MotionReact IconsResponsive Design
Description
● Developed a vibrant and inclusive platform to empower Influencers through networking, mentorship, and global visibility.
● Integrated Sanity CMS for seamless content management, enabling dynamic updates to events, blogs, and gallery sections.
● Built dedicated modules for events and blogs, allowing real-time publishing and improved engagement.
● Created an interactive image gallery to showcase community highlights and success stories.
● Utilized Next.js and Tailwind CSS to deliver a responsive, fast, and accessible user experience.
● Enhanced UI feedback and interactivity using Framer Motion and React Icons.
Next.jsTailwind CSSFramer MotionTurborepoResponsive Design
Description
● Collaborated with senior developers to build a static frontend for an immersive Agri-Tech platform powered by Virtual Reality (VR).
● Created responsive layouts using Next.js and Tailwind CSS to simulate a futuristic learning experience for farmers and agri-students.
● Designed intuitive UI components that visually represent farming scenarios, crop cycles, and equipment interactions.
● Utilized Framer Motion for smooth UI animations, enhancing the user experience across devices.
● Structured as a monorepo using Turborepo, enabling scalable code organization and faster development workflows.
Next.jsTailwind CSSResponsive DesignStatic Site GenerationSEO Optimization
Description
● Designed and developed a static website for NavaGrameen, a social initiative focused on building sustainable and self-reliant rural communities.
● Showcased key focus areas such as natural farming, green energy, women empowerment, and agri-waste management through structured content sections.
● Implemented a clean, responsive layout using Next.js and Tailwind CSS, ensuring accessibility across devices and low-bandwidth regions.
● Highlighted organizational initiatives and programs using visually rich sections including a news/events gallery and impact areas.
● Collaborated with stakeholders to ensure alignment with the grassroots mission, with clear storytelling and intuitive navigation.
● Built as a static frontend project optimized for performance and fast deployment.
Next.jsTailwind CSSResponsive DesignStatic Site GenerationSEO Optimization
Description
● Designed and developed a static business website for Sree Creatives, a professional printing service specializing in brochures, ID cards, business cards, banners, and personalized printing solutions.
● Showcased service offerings and sample works using clean layouts and image galleries for high visual impact.
● Built with Next.js and Tailwind CSS to ensure fast loading, responsive design, and smooth navigation across desktop and mobile devices.
● Integrated inquiry-based contact section to allow potential customers to reach out directly for custom quotes and orders.
● Focused on clarity, accessibility, and modern aesthetics to reflect the creative nature of the business.
● Optimized for local discovery and client engagement using SEO best practices and structured content.
Next.jsTailwind CSSResponsive DesignStatic Site GenerationSEO Optimization
Description
● Developed a modern, responsive static website for Bizry, a digital marketing agency offering branding, SEO, social media management, and creative strategy services.
● Designed clean service sections to highlight digital offerings including content marketing, campaign management, and lead generation solutions.
● Built using Next.js and Tailwind CSS to ensure fast performance, scalability, and accessibility across all screen sizes.
● Integrated inquiry and contact sections to enable potential clients to connect and request tailored marketing solutions.
● Focused on brand storytelling, visual clarity, and conversion-oriented design to match agency goals and digital-first identity.
● Structured as a frontend-only static site and deployed via Turborepo to streamline collaboration with the senior dev team.
Next.jsTypeScriptTailwind CSSFramer MotionLucide Icons
Description
● Built a clean and responsive timer app specifically tailored for structured business networking sessions using Next.js and TypeScript.
● Designed to support Biz-Network® formats with predefined agenda blocks like Self Introduction, Business Presentation, and Business Education.
● Integrated intuitive controls for start, pause, reset, and real-time session management with bell alerts at session ends.
● Implemented editable timer blocks with a modular and user-friendly interface for moderators and event hosts.
● Optimized for desktop, tablet, and mobile views using Tailwind CSS for a seamless experience across all screen sizes.
● Utilized Framer Motion and Lucide Icons for smooth animations and a polished UI feel.
● Deployed on Vercel with static generation for lightning-fast load times, and structured for future scalability via modular component design.
● Currently in use by internal Biz-Network® teams, with flexibility to adapt across various group-based or timed collaboration formats.
React.jsTailwind CSSFramer Motion
Description
● Developed a responsive and modern frontend website for a plastic manufacturing company to showcase its products and services.
● Built with React.js and Tailwind CSS to ensure fast performance, clean design, and cross-device compatibility.
● Integrated smooth animations using Framer Motion to enhance user interaction and visual appeal.
● Utilized component-based architecture for scalable and maintainable code structure.
HTMLCSSJavaScriptTailwind CSSFramer Motion
Description
● Designed and developed a visually engaging website to celebrate Independence Day with rich colors and patriotic themes.
● Implemented a dynamic hero banner with a live countdown timer to the celebration date.
● Created an interactive carousel showcasing freedom fighters, along with a responsive image gallery.
● Built using HTML, CSS, JavaScript, and Tailwind CSS for styling, with Framer Motion adding smooth animations and transitions.
React.jsTailwind CSSRecoilFramer Motion
Description
● Developed a scalable eCommerce platform with a focus on product listings, cart management, and seamless checkout flow.
● Implemented dynamic product display with filters and sorting options to enhance user browsing experience.
● Integrated cart management and payment gateway for smooth transactions and user interaction.
● Styled the platform using Tailwind CSS for a modern, responsive layout that adapts across devices.
● Utilized Recoil for state management, ensuring smooth interactions and updates across the platform.
● Enhanced user experience with Framer Motion for animations and transitions throughout the site.
Next.jsExpress.jsMongoDBRecoilTailwind CSS
Description
● Developed a full-stack social media platform with real-time features such as posts, comments, and live updates.
● Implemented user authentication and profile management using JWT for secure login and registration.
● Built the backend with Express.js and integrated MongoDB for efficient data storage and retrieval.
● Utilized Recoil for client-side state management, ensuring smooth interactions and state updates across the app.
● Styled the platform using Tailwind CSS for a modern, responsive design across all devices.
● Incorporated real-time features like live chat and notifications to enhance user engagement.