Jr. Frontend Developer

We're hiring a Jr. Frontend Developer to build responsive, accessible interfaces with React and Next.js, for an enthusiast who takes pride in clean, pixel accurate UI.

Role Overview

You'll help build responsive, accessible interfaces for web apps and SaaS platforms used by professionals across Western markets. Under senior developers, you'll turn Figma designs and requirements into working, pixel accurate features, and learn how production grade frontends get built and shipped.

This role is for a genuine enthusiast, the kind of person who builds side projects for fun, obsesses over small details, and can't wait to ship something real.

We care more about your ability, your curiosity, and your hunger than your years. If you can build clean interfaces and want to get sharper fast, this role fits.


Focus Areas

UI Development

  • Build responsive, accessible UI components using React and Tailwind CSS
  • Implement pages and features using Next.js 14 App Router (server and client components)
  • Integrate shadcn/ui components into product UI
  • Translate Figma designs into pixel accurate code

Data & Forms

  • Consume REST APIs and handle loading, error, and empty states
  • Build and validate forms (React Hook Form + Zod)
  • Manage local and global state where needed (Context/Zustand)

Quality & Collaboration

  • Ensure cross browser and mobile responsive compatibility
  • Fix UI bugs and polish micro-interactions
  • Collaborate with backend teammates on API integration


Tech Stack & Skills

Core

  • HTML5, CSS3, JavaScript (ES6+), and TypeScript
  • React (hooks, component patterns)
  • Next.js 14 App Router
  • Tailwind CSS, responsive and mobile first design
  • shadcn/ui component library

Content & Data

  • Sanity CMS: querying content with GROQ, working with schemas and content types
  • REST API consumption
  • Form handling and validation (React Hook Form + Zod)
  • State management with Context or Zustand

Tooling

  • Git & GitHub
  • Basic accessibility (a11y) awareness

Strengths

  • Figma to Code Translation
  • Debugging & Problem Solving
  • Team Collaboration


Requirements

  • - Solid grasp of JavaScript, TypeScript, and React
  • - Working knowledge of Next.js 14 App Router and Tailwind CSS
  • - A portfolio, GitHub, or projects that show pixel accurate UI work
  • - Comfort consuming REST APIs and handling real world UI states
  • - Basic accessibility awareness
  • - Comfort with Git and PR based workflows
  • - Strong debugging, problem solving, and a real drive to learn
  • - Comfortable using and exploring AI tools in your development workflow

You won't have mastered every tool listed. Real strength in the core stack, plus the curiosity to pick up the rest, is what matters.


Benefits

As a system driven, fast scaling U.S. registered software agency, Brandsquare maintains a structured set of benefits designed to support the wellbeing, professional development and long term stability of our teammates.

The following outlines the workplace benefits and support systems that exist within the Brandsquare operating structure.

1.1 Compensation Benefits

  • Monthly Base Compensation
  • Monthly Allowances (Accommodation, Lifestyle, Conveyance, Connectivity)
  • Yearly Two Festival Bonuses (Eid al-Fitr & Eid al-Adha)

1.2 Performance Benefits

  • Quarterly Increments: Up To 04 / Year
  • Mandatory Increment: 01 / Year
  • Appreciation Rewards: Quarterly Performance Based Cash Rewards

1.3 Welfare Benefits

  • Healthcare Support Fund
  • Fitness Support Fund
  • Knowledge Support Fund
  • Newborn Support Fund
  • Condolence Support Fund
  • Emergency Support Fund
  • Memorial Support Fund
  • Security Support Fund
  • Tenure Support Fund

1.4 Standard Benefits

  • Fully Subsidized Lunch From Renowned Catering Partner
  • Unlimited Snacks Access From Dedicated Snacks Corner

1.5 Cultural Benefits

  • Cultural Celebration Gifts
  • Special Day Celebrations
  • Internal Recognition Rewards
  • Monthly Casual Daylong Trips
  • Annual Official Weeklong Trips

1.6 Growth Benefits

  • Access To Premium Courses
  • Access To Expert Sessions
  • Access To Software Suites


Leaves

Brandsquare leave structures follow national labour standards and are administered according to tenure, eligibility timelines and internal policies.

1.1 Standard Leaves

  • Casual Leave: 10 Days
  • Sick Leave: 15 Days
  • Earned Leave: Up To 15 Days

1.2 Special Leaves

  • Maternity Leave: 120 Days
  • Paternity Leave: 10 Days
  • Recovery Leave: Up To 10 Days
  • Bereavement Leave: 3 Days

1.3 Performance Based Leaves

  • Excellence Leave: 10 Days
  • Anywhere Leave: 10 Days

1.4 Holidays

  • Weekly Holidays: 52 Days
  • Festival Holidays: Approximately 11 Days
  • Government Holidays: Approximately 11 Days

These entitlements are structured to protect your wellbeing and ensure you maintain a healthy work life balance throughout your journey with us.


Why Join Brandsquare

  • Real interfaces, early. You'll ship UI to apps people actually use, not practice projects.
  • Craft from the start. You'll grow a real eye for detail, accessibility, and interaction design.
  • Learn from senior hands. Real mentorship and code review that levels you up fast.
  • A clear path. Start as a Jr. Frontend Developer and grow into a strong frontend or product engineer.

If you love getting the details right and you're hungry to get better, this one is for you.