Job Summary

Entry-level role for a detail-oriented developer to build responsive, accessible web interfaces. You’ll translate designs into clean, production-ready code, integrate APIs, write basic tests, and learn modern tooling while collaborating with designers and back-end engineers.

Key Responsibilities

• Convert Figma/UX specs into semantic HTML, modern CSS, and JS/TS components.

• Build responsive layouts and ensure cross-browser/device compatibility.

• Consume Backend APIs; handle loading, error, and empty states gracefully.

• Follow project conventions (linting, formatting, Git flow) and submit clear PRs.

• Write basic unit/UI tests and fix bugs with mentor support.

• Apply accessibility best practices (keyboard nav, ARIA, contrast).

• Monitor and improve page performance (images, bundles, Core Web Vitals basics).

• Document components and implementation notes.

Skills & Knowledge

• Core Web: HTML5, CSS3 (Flexbox/Grid), JavaScript (ES6+), basic TypeScript.

• Framework (one or more): React (preferred) / Vue / Angular fundamentals.

• Styling: SCSS or Tailwind; responsive design patterns; CSS Modules.

• APIs: Fetch/Axios, JSON parsing, state & effects (e.g., React hooks).

• Tooling: Node.js, npm/yarn/pnpm; Vite/Webpack basics; Git/GitHub or GitLab.

• Testing (basics): Jest + React Testing Library (or framework equivalent).

• Quality: ESLint/Prettier; simple CI awareness; Lighthouse/DevTools usage.

• UX Awareness: Design tokens, components, usability and accessibility basics.

• Soft Skills: Clear communication, ownership, curiosity, and willingness to learn.

Education Qualification

• Bachelor’s in Computer Science, Software Engineering, IT, or related field

Experience

• 0–1 year (internships/academic or freelance projects count).

• Portfolio/GitHub with 2–3 projects showing responsive UI and API integration.

Key Focus Areas

• Code Quality: Readable components, type safety basics, tidy repo hygiene.

• UX Fidelity: Pixel-aligned builds that match design intent.

• Performance: Sensible assets, lazy loading, minimal re-renders.

• Accessibility: Semantic markup, labels/alt text, keyboard support.

• Collaboration: Constructive PRs, on-time tasks, proactive questions.

• Learning Velocity: Incorporates feedback quickly and documents learnings.

Tools & Equipment

• Hardware/OS: Developer laptop (Windows/macOS/Linux) with modern specs.

• IDE: VS Code with ESLint/Prettier; Git GUI or command line.

• Browsers: Latest Chrome/Firefox/Edge; mobile simulators/Device Mode.

• Dev Stack: Node.js LTS, npm/yarn/pnpm, Git, GitHub/GitLab.

• Design Handoff: Figma (or Sketch/XD) for assets and specs.

• Testing/Debug: Jest/RTL, Chrome DevTools, Postman/Insomnia for APIs.

• Project/Comms: Jira/Trello, Slack/Teams.