Frontend Hire

Practice Core Frontend Skills For Interviews And Real World

Make A Hiring Profile And Get Hired

Practice Now

A Growing Library of 30+ Questions, 10+ Projects, 2+ System Designs, and 2+ Courses

Single Platform For Everything

Questions

List of Questions
medium

Master React Modal Optimization with this coding question

React
easy

A seemingly simple yet notoriously tricky CSS challenge

CSS
easy

Most software out there is about creating, reading, updating, and deleting data.

JEST
js
hard

Using currying in the real world

JEST
js
medium

Currying is a functional programming technique that can be applied in React to handle events more efficiently, especially when dealing with multiple similar inputs. However, it's important to note that this approach is not commonly used and should be adopted based on the team's consensus and coding standards.

React
medium

Create a React component that accepts time calculations and converts minutes to hours when the result exceeds 60 minutes.

CSS
HTML
js
React
easy

One of the ways to create a design system is to use CVA. Try CVA to create a button component.

React
medium

Refactor the code to use early returns instead of too many if-else statements.

JEST
js
medium

A favorite interview question but here you deal with objects

JEST
js
easy

Forms can't get any simpler

HTML
  • Interview and Real World Based.
  • Free access to questions.
  • Pro plan gives you access to official solutions.
Practice Questions

Projects

List of Projects
hardRecommended

Feature: Video Player

You see clones of Netflix on the internet but not the video player. Just have a look at the sophistication of Netflix or any prominient video streaming service's video player and try building one of similar quality.

js
React
mediumRecommended

Personal Portfolio Website

This project will guide you through creating a personal portfolio website.

Figma
Next.js
easyRecommended

Setup React Project 1

A streamlined guide to setting up a React project with essential development tools.

Prettier
Vite
easy

Setup React Project 2

A streamlined guide to setting up a React project with Parcel.

Parcel
Prettier
mediumRecommended

Social Posts Tracker/Manager

This project aims to build a Social Posts Tracker, integrating Excalidraw for visuals and a rich text editor for content. It leverages Firebase or Supabase for backend services, optimizing the application to track and analyze posts on LinkedIn and Twitter.

Firebase
React
mediumRecommended

Todo App

We assure you that this project is far more than a mere to-do application. It is designed to incorporate robust features, similar to those found in Todoist or TickTick, facilitating effortless task addition and management.

js
React
  • High-level guides for resume-worthy projects.
  • These are meant to get you out of the tutorial hell.
  • Free access to projects.
Practice Projects

Interviews

  • Simulated and Real Interviews.
  • Pro plan gives you access to all simulated interviews.
  • Folks from the community provide discounted mock-interviews.
Practice Interviews

Courses

List of Courses
  • Todo App

    Todo App

    We teach more than just React, TypeScript and TDD with this course.

    Free
    Video Available
  • Stackpack

    Stackpack

    Build a Sandpack clone with WebContainers in React and TypeScript.

    Free
  • All courses come with written walkthroughs.
  • Select ones come in video.
  • Free and Pro content available.
Learn to build great stuff

More Features

  • Pro Plan

    • Content to truly make you pro.
    • Pricing TBD.
  • Frontend System Design

    • New Feature.
    • Will be included in the Pro plan.
  • ONLINE ASSESSMENT

    • Part of Interviews feature.
    • Will be included in the Pro plan.
  • HIRING PROFILES

    • Still in ideation phase.
    • We want to solve hiring from both ends.