Course: Full Stack Front-End Developer (React, Flutter & PHP)
Tech Genius Digital Marketing Solutions is recruiting experienced full-stack front-end developers to build high-performance web and mobile products. The role requires 4–7 years of hands-on experience and a BSc in Computer Science & Engineering, with proficiency in React, Flutter, and PHP (Laravel). Candidates should be comfortable designing responsive, accessible interfaces and working closely with UI/UX designers using Figma or Adobe XD. The position is located in Gulshan 1, Dhaka, with three vacancies and an application deadline of 17 May 2025. Salary is listed as negotiable and the company offers yearly salary reviews, two festival bonuses, and two weekly holidays. The developer will integrate RESTful APIs, manage front-end logic, and deploy applications using Firebase and AWS. Familiarity with Express.js, version control systems, and basic DevOps practices is expected for this full-stack role. Applicants with e-commerce or software company backgrounds will be preferred, reflecting the company’s business focus. The job posting was published on 17 April 2025 by ChefOnline (Le Chef Plc), which maintains its office at 45 Gulshan South C/A, Circle-1. Successful candidates will join agile teams and participate in sprint planning, code reviews, and continuous delivery. This role emphasizes both front-end craftsmanship and backend maintenance to ensure product scalability and consistency. Strong knowledge of modern UI/UX, design systems, and responsive design principles will be essential for producing accessible and maintainable user interfaces.Lesson
Topic
Tech Genius Digital Marketing Solutions — Full Stack Front-End Developer (React, Flutter & PHP)
| Field | Details |
|---|---|
| Company | ChefOnline (Le Chef Plc) |
| Position | Full Stack Front-End Developer (React, Flutter & PHP) |
| Vacancy | 03 |
| Location | Dhaka (Gulshan 1) — 45 Gulshan South C/A, Circle-1 |
| Experience | 4 to 7 years |
| Education | BSc in Computer Science & Engineering |
| Skills | React, Flutter, PHP (Laravel), Figma/Adobe XD, Firebase, AWS, Express.js, Git, DevOps basics |
| Deadline | 17 May 2025 |
| Published | 17 Apr 2025 |
| Salary & Benefits | Negotiable; yearly review; 2 festival bonuses; 2 weekly holidays |
Learning Outcomes
- Identify the core technical requirements for a full-stack front-end role (React, Flutter, PHP).
- Explain how responsive UI/UX and design systems influence front-end architecture.
- Describe common deployment workflows using Firebase and AWS.
- Demonstrate how to integrate RESTful APIs and manage front-end state and logic.
Conceptual Explanation
A full-stack front-end developer in this context is expected to build both web interfaces and cross-platform mobile apps while also contributing to backend components. React and Next.js enable modular, server-friendly web UIs, whereas Flutter allows a single codebase for Android and iOS mobile apps. Laravel (PHP) provides a robust backend framework for RESTful API development and server-side logic. Design systems, Figma/Adobe XD workflows, and responsive CSS frameworks like Bootstrap ensure consistent, accessible interfaces. Deployment pipelines using Firebase and AWS support hosting, authentication, and serverless functions; version control and DevOps basics enable continuous integration and delivery. Collaboration within agile teams involves code reviews, sprint planning, and cross-disciplinary communication between designers, frontend, and backend engineers.
Bilingual (EN → বাংলা)
| English | Bangla (বাংলা) |
|---|---|
| Full Stack Front-End Developer | ফুল স্ট্যাক ফ্রন্ট-এন্ড ডেভেলপার |
| Responsive Design | রেসপন্সিভ ডিজাইন |
| RESTful API | রেস্টফুল এপিআই |
| Design System | ডিজাইন সিস্টেম |
| Deployment | ডিপ্লয়মেন্ট / স্থাপন |
Example sentence:
EN: "Integrate RESTful APIs and ensure accessible UI/UX across web and mobile."
বাংলা: "রেস্টফুল এপিআই ইন্টিগ্রেট করুন এবং ওয়েব ও মোবাইল জুড়ে অ্যাক্সেসিবল UI/UX নিশ্চিত করুন।"
Important Notes
- Application deadline: 17 May 2025 — submit before the date to be considered.
- Minimum 4 years and maximum 7 years of relevant experience are required.
- Strong portfolio in React and Flutter projects increases selection chances.
- Laravel experience is preferred for backend maintenance tasks.
- Be prepared to demonstrate collaborative work with designers (Figma/Adobe XD) and knowledge of deployment workflows (Firebase/AWS).
Exercises — True / False / Fill in the Blanks / MCQ / Matching / Descriptive / Creative
True / False
- React is primarily used for building mobile applications.
- Flutter allows cross-platform mobile development from a single codebase.
- Laravel is a front-end framework used for styling components.
Answer
False — React (React.js) is primarily a web UI library; React Native is used for mobile apps.
Answer
True — Flutter compiles to native ARM code for iOS and Android from one codebase.
Answer
False — Laravel is a PHP backend framework for server-side logic and APIs.
Fill in the Blanks
- ________ is a cloud platform mentioned for deployment in the job posting.
- The preferred backend PHP framework listed is ________.
- Design mockups are typically created in ________ or Adobe XD.
Answer
AWS (Amazon Web Services) and Firebase are both mentioned as deployment platforms.
Answer
Laravel is the preferred PHP framework.
Answer
Figma is commonly used, and Adobe XD is also listed.
Multiple Choice Questions (MCQ)
- Which technology is best suited for building cross-platform mobile apps?
- A. React (web)
- B. Flutter
- C. Laravel
- D. Bootstrap
Answer
B. Flutter
- What is a common use of Laravel in the job context?
- A. Styling templates
- B. Server-side API development
- C. Mobile UI rendering
- D. Version control
Answer
B. Server-side API development
Matching
Match the technology (A–D) with its primary role (1–4).
| Letter | Technology | Number | Role |
|---|---|---|---|
| A | React | 1 | Frontend web UI library |
| B | Flutter | 2 | Cross-platform mobile framework |
| C | Laravel | 3 | Backend framework |
| D | Firebase | 4 | Cloud services & backend-as-a-service |
Answer
Correct matching: A→1, B→2, C→3, D→4.
Descriptive
- Explain how a front-end developer ensures accessibility in a web app.
- Outline the steps to integrate a RESTful API into a React application.
Answer
Ensuring accessibility involves semantic HTML, ARIA attributes where necessary, keyboard navigation support, sufficient color contrast, meaningful alt text for images, and testing with screen readers. Developers should follow WCAG guidelines, implement focus management, and ensure responsive layouts so content is readable on various devices. Collaboration with designers and QA is essential to integrate accessibility into the design system and test plans.
Answer
Steps include: define API endpoints and data contracts; create service modules to make HTTP requests (using fetch, axios, or similar); handle authentication tokens and error cases; manage response data in component state or global state (Context, Redux, Zustand); implement loading and error UI states; ensure caching or optimistic updates where appropriate; and add tests for service modules and components.
Creative
Design a short interview pitch (2–3 sentences) highlighting your React, Flutter, and Laravel experience for this role.
Answer
"I am a full-stack front-end developer with five years of experience building responsive React web applications and cross-platform Flutter mobile apps. I have implemented RESTful APIs and backend features using Laravel, collaborated closely with designers using Figma, and deployed scalable solutions on Firebase and AWS — all while prioritizing accessible, high-performance user experiences."
Activities, Vocabulary, Homework, Practice Task
Activities
- Create a small React component that fetches and displays a list of products from a mock REST API.
- Build a simple Flutter screen that shows the same product list using a shared JSON endpoint.
- Implement a Laravel route and controller that returns the product list JSON for the frontend to consume.
Vocabulary
- Responsive Design
- RESTful API
- Design System
- Continuous Deployment (CD)
- State Management
Homework
- Prepare a one-page portfolio showcasing two projects: one React web app and one Flutter mobile app. Include the role you played and specific technologies used.
- Write a short paragraph describing a deployment pipeline you would use for a full-stack project with Firebase and AWS.
Practice Task
Implement a responsive header component in React with navigation, a search input, and a mobile menu. Ensure keyboard accessibility and basic ARIA attributes.
Answer
Suggested approach: use semantic <header> and <nav> elements, implement a button with aria-expanded to toggle the mobile menu, ensure links are in a logical tab order, provide visible focus outlines, and use CSS media queries for responsive layout. Test with keyboard only navigation and a screen reader.
Job Context: Tech Genius Digital Marketing Solutions — Apply by 17 May 2025. Location: Dhaka (Gulshan 1). Published: 17 Apr 2025.