System Initialization
0%
Initializing environment...
const data = await fetch();
<div>
</>
export default function App()
=>
db.collection.aggregate()
Al Amin Mollik.
Back to Projects

Meherun Beauty

Agency Milestone & Cross-Functional Collaboration

Preview Coming Soon

Milestone

First Agency Project

Team Dynamic

Cross-Functional Pair

Architecture

Next.js + Django REST

State Management

Redux Toolkit

My First Professional Agency Build

//Bridging a Next.js frontend with a Django backend in a tight collaborative environment.

A Nostalgic Milestone

Every developer remembers their first professional task, and for me, that was Meherun Beauty. Shortly after joining CoderSquad, I was assigned as the core Frontend Developer for this project. It holds a massive amount of nostalgia because it was the moment I transitioned from building personal practice apps to writing real, production-level code for a business. It was my proving ground in an agency environment.

Cross-Functional Teamwork

What made this project truly special was the team dynamic. I didn't build this in a vacuum; it was a tight, two-person engineering effort. While I owned the entire Next.js frontend, I collaborated directly with a backend engineer who was building the core infrastructure using Python, Django REST Framework, and PostgreSQL. This taught me invaluable early lessons about cross-stack communication, consuming RESTful APIs, and negotiating data structures between frontend and backend architectures.

Engineering the Storefront

For a beauty and cosmetics brand, the visual experience is just as important as the functionality. I heavily utilized Tailwind CSS and Framer Motion to craft a responsive, high-fidelity UI that felt premium. Under the hood, I integrated Redux to manage the complex state requirements of an e-commerce platform—ensuring the shopping cart, product variants, and user sessions stayed perfectly synced with the Django backend.

Looking Forward

Although the project is currently unpublished as it undergoes final preparations for its public launch, it remains a foundational pillar of my career. It taught me how to collaborate, how to integrate with different backend technologies, and how to deliver agency quality work/skills I carry into every enterprise project I architect today.

Engineering Spotlights

Cross-Stack Collaboration

Partnered directly with a Python developer, learning how to seamlessly connect a Next.js frontend to a Django and PostgreSQL backend via REST APIs.

E-Commerce State

Implemented robust Redux state management to handle complex cart logic, dynamic pricing, and secure user checkout sessions.

High-Fidelity Aesthetics

Utilized Tailwind CSS and Framer Motion to deliver the premium, visually engaging UI required by the cosmetics and beauty industry.

The Professional Bridge

Marked the critical transition from learning web development to writing production-level frontend code in a professional agency environment.

Al Amin's AI

Online
Ask me about Al Amin's tech stack, experience, or how to contact him!