---
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
    - text: Give a star
      link: https://github.com/tomalaforge/angular-challenges
      icon: github
      variant: secondary
---

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

<CardGrid>
<Card title="35 Challenges">
    This repository gathers 35 Challenges related to <b>Angular</b>, <b>Nx</b>, <b>RxJS</b>, <b>Ngrx</b> and <b>Typescript</b>. 
    These challenges resolve 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>

---

<div class="article-footer">
  <a href="https://github.com/sponsors/tomalaforge" alt="Sponsor link">
    🤍 Sponsor the Project
  </a>
</div>

<div class="main-page-footer">
  Created by
  <a href="https://github.com/tomalaforge?tab=repositories">
    Thomas Laforge
  </a> - Powered by 🌟 <a href="https://starlight.astro.build/">Starlight</a>
</div>
