ArMall.pk

Ecommerce website design

Backend

Next.js, Mongoose, Clerk, MongoDB

Frontend

Next.js, Tailwind

Source Code

View on GitHub

01 / Overview

ArMall is a premium e-commerce platform redefining digital retail with speed, absolute security, and immersive design. The architecture is built on Next.js for lightning-fast server-side rendering, secured by Clerk authentication routines, and scaled globally with MongoDB and Mongoose. The frontend provides a buttery-smooth shopping experience accented by high-contrast brutalist aesthetics.

03 / The Hardest Path

Maintaining strict data consistency between the Clerk authentication system and our custom MongoDB user records.

04 / Challenges

Managing complex shopping cart states during Next.js Server-Side Rendering (SSR) without breaking the fluid UI animations or causing hydration errors.

05 / Solutions

I utilized Clerk webhooks to instantly sync user data events into the Mongoose schemas. I also optimized Next.js server actions to handle cart mutations in the background, keeping the Tailwind interface snappy.

06 / Demo Video

Back to Projects