Skip to content

Guide · Open source

How to use frontend-challenges: browse real front-end tests

Updated · written with AI from the project's own documentation and checked against our catalogue data

frontend-challenges is a public GitHub list of front-end coding tests that companies have shared, mostly from job applications. Each row names a company, the tech stack its test uses, and a link to that test's code repository. This guide shows you how to get a local copy, read the table and pick challenges that match your skills.

Front-end Challengesfelipefialho/frontend-challenges · ★ 15k · MIT

Quick start

  1. 1Clone the repository. Run the git clone command to copy frontend-challenges to your computer. You need Git installed.
  2. 2Open the README. Read the table and note the columns for language, company, stack, and Code link.
  3. 3Choose a stack. Pick rows that use technologies you want to practise, such as React or Redux.
  4. 4Open a Code link. Follow the link to the company's challenge repository and read its instructions.
  5. 5Build the project. Work through the brief on your own, since the list has no official solutions.
  6. 6Compare and repeat. Review what you built against the requirements, then try another challenge with a different stack.

What frontend-challenges is and what it is not

frontend-challenges is a curated list of links, not a runnable application. The README describes its goal as testing your knowledge using real job challenges, and each challenge lives in the company's own repository.

  • It is a list of links to challenge repositories.
  • It does not include official answers or solutions.
  • Many entries are in Portuguese, and the README marks the language of each row.

Get a local copy of the repository

The README's install step is to clone the repository to your computer. The project lists no prerequisites, so you only need Git to run the command. You can also read the list directly on GitHub without cloning.

git clone https://github.com/felipefialho/frontend-challenges

How to read the challenge table

The main table has five columns: a language code (pt or en), the company, the stack, a Code link to the challenge repository, and a Jobs on LinkedIn link where the README provides one. A dash means no link is given.

  • Language: pt for Portuguese, en for English.
  • Stack: the technologies the test uses, such as React, Redux, HTML, CSS and JavaScript.
  • Code: opens the company's challenge repository.
  • Jobs on LinkedIn: links to the company's job page, when listed.

Pick a challenge that matches your goal

Start with a stack you already use or want to learn. If you want to practise a React and Redux project, look for rows listing those tools. If you want to compare what companies expect, pick a few rows with different stacks and note the differences.

  • Filter by stack: scan the Stack column for the tools you need.
  • Check the language column before you start, since many entries are in Portuguese.
  • Open the Code link and read that repository's own instructions, because the list itself does not explain the tests.

Use the challenges to practise

Treat each challenge as a realistic project brief. Read the company's repository, build what it asks for, and then compare your result with the requirements. Because the list does not contain solutions, the goal is to learn from the task itself.

  • Time yourself to simulate interview pressure.
  • Write down what the test asks for and what you had to decide yourself.
  • Repeat with a different stack to broaden your skills.

What people use it for

  • Preparing for a front-end job interview by practising a test similar to one a company used.
  • Giving students realistic practice projects in React, HTML, CSS and JavaScript.
  • Comparing the stacks that different companies ask candidates to use.
  • Finding examples of common front-end tools such as React and Redux in action.

Frequently asked questions

How do I install frontend-challenges?

There is nothing to install in the usual sense. The README says to clone the repository with git clone https://github.com/felipefialho/frontend-challenges, or you can read the list on GitHub.

Is frontend-challenges free to use?

The project is released under the MIT licence, according to its repository information. The list itself is free to read and clone.

What do I need to run frontend-challenges?

The README lists no prerequisites. You need Git only if you want to clone the repository locally, since the list is a set of links rather than an application.

Does frontend-challenges include answers?

No. The README only links to the challenge repositories, so you will not find official answers or solutions in the list.

Are the challenges in English?

Not all of them. Many entries are in Portuguese, and the language column marks each row as pt or en.

What are alternatives to frontend-challenges?

The project's comparable projects are Frontend Mentor, The Odin Project and Exercism. frontend-challenges differs because it collects real company tests rather than structured courses or exercises.

New agent skills, repos and AI tools — every week

The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.

Our verdict

frontend-challenges suits front-end developers preparing for interviews, students who want realistic projects, and anyone curious about what companies test. It is not a runnable tool, does not include solutions, and many entries are in Portuguese, so readers who need English-only guidance or step-by-step lessons should choose a course such as The Odin Project or a practice platform like Frontend Mentor or Exercism.

Install options & downloads