Skip to content

Conn-Ho/frontend-interview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Frontend Interview Challenge

A take-home coding challenge for frontend developer candidates.

Overview

This repo contains a Node.js/Express backend with a working (but buggy) authentication API. Your job is to fix the backend bugs and build a complete frontend login experience.

What You'll Build

  • Debug and fix the existing Express API
  • Build a login UI from scratch (any framework)
  • Implement proper form validation, state management, and component design

Requirements

Backend

  1. Run the existing test suite to identify failing cases
  2. Debug and fix the API bugs in back_end/
  3. Do not change the API contract — only fix implementation issues

Frontend

Build a login page in front_end/ that covers:

  • Form validation — client-side input checks before submission
  • State management — handle loading, success, and error states
  • Security — avoid common pitfalls (XSS, credential exposure)
  • Component design — clean separation of concerns

No design requirements. Functionality and code quality matter most.

General

  • Any frontend framework is fine (React, Vue, Angular, etc.)
  • AI tools are allowed and encouraged — show you can use them effectively
  • Write tests for your code
  • Document your decisions and any referenced open-source projects
  • Follow Git best practices: commit per feature, clear commit messages, branch management

Getting Started

# Install and run the backend
cd back_end
npm install
npm test       # see which tests fail
node app.js    # start the server on :3000

# Set up your frontend in front_end/

Submission

  1. Fork this repo
  2. Complete the challenge on your fork
  3. Open a PR back to this repo when done

Evaluation Criteria

Area What we look at
Bug fixing Did you find and fix all backend issues?
Frontend quality Validation, error handling, component structure
Code clarity Readable, well-commented, consistent style
Testing Coverage of key scenarios
Git hygiene Commit history tells a clear story
AI usage Effective use of AI tools as a force multiplier

About

A take-home frontend interview challenge — fix the Express API bugs, build a login UI with form validation, state management & component design

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors