A Docusaurus-based documentation website that provides comprehensive guides and resources to help beginners navigate and contribute to open-source projects effectively.

Skills: Docusaurus, Markdown, React, Git/GitHub and Technical writing.

A responsive landing page built to introduce Rapxtar’s brand and offerings with a modern, clean layout optimized for mobile and desktop.

Skills: Next.js, Tailwind CSS, React, and Vercel

A web application for a laundry service that allows users to schedule pickups and deliveries through a form that generates estimated turnaround times.

Skills: React, Tailwind CSS, React Hook Form, and Vite.

A weather application that displays real-time data based on user location, with fallback defaults and location-based search functionality.

Skills: HTML, CSS, JavaScript, and OpenWeather API.

A reusable product card component built to demonstrate UI testing and visual regression workflows using modern testing tools.

Skills: React, CSS, Storybook, Chromatic, Jest, and React Testing Library.

Manually rolling back broken features can lead to downtime and poor user experience. This article explores how to combine Flagsmith feature flags with Datadog Workflows to automatically detect issues in production and respond by disabling or adjusting features, helping teams build self-healing and more reliable applications.

Shipping new features safely requires more than just feature flags—it also requires visibility. This article shows how to integrate Flagsmith with Prometheus and Grafana to monitor feature flag performance in real time, visualize key metrics, and use Feature Health to understand whether a feature is behaving as expected in production.

In teams and enterprise projects, hosting on AWS gives you more flexibility than platforms like Vercel. This article shows how to deploy React apps to AWS Elastic Beanstalk and automate the process using CircleCI, turning manual deployment into a reliable CI/CD pipeline.

In modern front-end development, ensuring UI consistency and test reliability is crucial as applications grow. This article walks through setting up Storybook in a React project, automating visual and interaction testing, and documenting components. You’ll also learn how to streamline your workflow by integrating Storybook with CircleCI and Chromatic.

Maintaining clean and consistent CSS is vital for scalable front-end projects. This article explores how to use Stylelint to enforce CSS code quality and catch stylistic or syntax issues early. It also covers how to integrate Stylelint into a CircleCI pipeline to automate style checks during development.

In web development, achieving pixel-perfect layouts has constantly been a hard nut for developers to crack. This article will show you how to use CSS subgrids to simplify all your layout development work.

In React development, understanding the component lifecycle is crucial to building efficient applications. This article dives deep into React's component lifecyle methods, ensuring you have full control over your Components

Dark mode is more than just a trend—it's a practical feature for reducing eye strain and enhancing user experience. This article will discuss the process of creating a fully functional dark mode toggle using CSS and JavaScript.

Trigonometry isn't just a math class-it's a powerful tool for creating dynamic, eye-catching web designs. This article explores how you can harness the power of trigonometry in CSS to achieve precise layouts and add motion to your designs.

Want to add a sleek, interactive touch to your website? This article shows you how to create a custom accordion, just like Netflix's, using simple HTML, CSS, and JavaScript—enhancing user engagement with dynamic, collapsible sections.