👋 We are BOD, a development consulting firm on a mission to turn impact into real stories and visible change.

BOD is a development-consulting firm that transforms impact from abstract numbers into compelling stories and visible outcomes. Based in Jeddah, they empower government agencies, nonprofits, donors, and businesses by delivering strategic planning, procedural manuals, annual reports, program and initiative design, motion-graphic storytelling, marketing campaigns, and digital platforms—all with creativity, professionalism, and measurable improvement built into the DNA of their work

We’re hiring a Frontend Developer (0–1 YOE) to join us remotely and help shape the core platform interfaces and user dashboards.

🕓 Start Date: Immediate
🌍 Location: Remote (Egypt-based)
💰 Salary: EGP 9,000 – 14,000

🛠️ How the Hiring Quest Works

1. Register for the quest

2. Receive full instructions via email after registration closes

3. Submit your solution before the deadline

4. Top candidates will be invited to a review session

5. One candidate will be hired — others may be considered for freelance or future roles

🔍 Who We’re Looking For

1. 0–1 years of professional frontend experience

2. Strong in React.js or Vue.js

3. Solid fundamentals in HTML, CSS, JavaScript

4. Comfortable consuming REST APIs

5. Familiar with Git and collaborative workflows

🎯 Your Mission: Build a Mini Dashboard System

Business Context:
We want to create a lightweight user dashboard that allows users to browse, manage, and interact with simple data entries — the foundation of larger platform modules.

🛠️ Your Tasks

1. Dashboard Layout & Components

   1. Build a responsive layout with a sidebar and main content area

   2. Create reusable UI components (e.g., buttons, modals, tables)

2. Data Integration

   1. Fetch and display data from a free REST API (e.g., JSONPlaceholder)

   2. Display data in a paginated & searchable table

3. Forms & State Management

   1. Add a form to create or edit entries

   2. Manage state across components (React hooks / Vuex / Pinia)

4. Notifications & Error Handling

   1. Show loading and error states when fetching data

   2. Add a notifications widget (success, error messages)

5. Bonus (Not mandatory but big plus):

   1. Basic authentication (mocked login with JWT or local storage)

   2. Elegant UI design with clean styling (Tailwind / Bootstrap / custom CSS)

🧰 Tech Stack

1. Frontend: React.js or Vue.js

2. State Management: Context API / Redux / Vuex / Pinia

3. UI: Tailwind CSS / Bootstrap / Vanilla CSS

4. API Source: JSONPlaceholder (or any free REST API)

5. Version Control: GitHub

📝 What You Should Submit

1. GitHub repo including:

   1. Project code & folder structure

   2. README with: Setup instructions, Features list, API endpoints used

2. Short demo video explaining: Your design, Features, and Edge cases handled

📊 Evaluation Criteria

1. Code Quality & Reusability – 25%

2. UI/UX & Responsiveness – 20%

3. API Integration & State Management – 20%

4. Error Handling & Edge Cases – 15%

5. Documentation & README – 10%

6. Bonus Features (Auth, Notifications, Extra polish) – 10%

📩 After Submission

Top candidates will be invited to a live review session where we’ll:

1. Walk through your code and UI/UX choices

2. Discuss your problem-solving approach

3. Assess how you think as a frontend engineer

👉 Final hiring decisions will be made within 3–5 business days after your review.