---
title: Welcome to Angular Challenges
description: Get started by resolving those challenges and becoming a better Angular FrontEnd engineer.
template: splash
hero:
  tagline: Start now and become an Angular Expert!
  image:
    file: ../../assets/angular-challenge.webp
  actions:
    - text: Get Started
      link: /guides/getting-started/
      icon: right-arrow
      variant: primary
    - text: Start your first challenge immediatly
      link: /challenges/angular/1-projection/
      icon: rocket
---

import { Card, CardGrid } from '@astrojs/starlight/components';

<CardGrid>
<Card title="More than 30 Challenges">
    This repository gathers over 30 challenges related to <b>Angular</b>, <b>Nx</b>, <b>Ngrx</b>, <b>RxJS</b>, and <b>Ngrx</b>. 
    These challenges revolve around real-life issues or specific features to elevate your skills.
</Card>

<Card title="Become an OSS Maintainer">
  One of the goals of this repository is to <b>lower the barrier</b> to entry
  for Open Source Software (OSS). By engaging with these challenges, you will
  learn how to start contributing to any other Open Source Project.
</Card>

<Card title="Learn Alongside Others">
  Learning and practicing a new framework is always challenging. This set of
  challenges provides real-world use cases to apply what you've been learning.
  Anyone can comment or offer assistance.
  <b>
    Learning alone is great, but learning alongside others will get you farer.
  </b>
</Card>

<Card title="Contribute">
  Do you have an issue, an interesting bug, or an idea? Don't hesitate;{' '}
  <b>create your own challenges</b> without wasting any time.
</Card>

<Card title="Prepare Yourself for Interviews">
    Completing these challenges will prepare you for any technical challenges you may encounter in a frontend role during interviews.
</Card>
</CardGrid>
