Brand logoobin

Portfolio

A glimpse into my journey as a developer.

Parameta Solutions
  • Wordpress
  • Html
  • SCSS
  • jQuery
  • Jira

Developed pixel-perfect frontend UI blocks for a WordPress site using HTML and SCSS, integrated into a component-based design system.

  • Converted Figma designs into pixel-perfect UI blocks using HTML and SCSS.
  • Collaborated in an Agile environment using JIRA, Scrum, and Bitbucket. Also participated in sprint planning, daily standups, and regular code reviews.
  • Delivered clean, semantic, and responsive markup across multiple screen sizes.
Shop Sizzle
  • NextJS
  • TypeScript
  • Tailwind
  • Redux
  • Antd
  • Stripe

A full-featured eCommerce site built with Next.js and TypeScript. Where showcasing product browsing, cart functionality, and Stripe integration with checkout.

  • Built, styled and responsive UI components with Tailwind CSS and Antd.
  • Implemented component-based architecture with reusable and isolated components.
  • Utilized localStorage for cart persistence and improved UX.
SiteBeacon
  • NextJS
  • TypeScript
  • Tailwind
  • NextAuth
  • Storybook
  • GraphQL
  • Jira

SiteBeacon is a comprehensive platform to monitor and audit website performance, uptime, and SEO metrics. I handled the entire frontend, from design implementation to production-ready.

  • Developed in a collaborative Agile environment, using JIRA to manage sprints, tasks.
  • Developed reusable components and dynamic layouts.
  • Implemented authentication process, payment gateway and integrated API responses with robust state management.
The server labs
  • NextJS
  • TypeScript
  • Tailwind
  • Storybook
  • Sanity
  • Groq Query

The Server Labs is a tech consultancy website focused on cloud, AI, and engineering services. I contributed to the frontend development as a team member. I developed all carousel sliders throughout the site.

  • Used Storybook to isolate and develop reusable UI components.
  • Worked collaboratively with a team using Jira for project management, ensuring efficient workflow and task organization.
ABC Agency
  • NextJS
  • TypeScript
  • Tailwind
  • Framer-motion
  • It was built by Next.js and TypeScript for scalability, performance, and strong typing with maintainable codebase and reusable components.
  • Focused on smooth, interactive UI & UX across devices with a modern, sleek design with responsive layouts and reusable components using Tailwind CSS.
  • Integrated advanced animations with Framer Motion for mega-menu, perspective effect on the hero image, parallax scroll, and smooth scrolling.