feat(docs): setup all docs

This commit is contained in:
thomas
2023-09-18 22:40:09 +02:00
parent ea7eee2d4a
commit 412e105c5e
45 changed files with 526 additions and 36 deletions

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,52 @@
---
title: Projection
description: angular-challenge-1/projection
---
#1 - <span class="sl-badge success astro-vohx2lp7">Easy</span>
## Statement
Refactor this working exemple of a dasboard containing multiple cards (teachers, students, ...)
Implement the City card.
## Constraints:
- You **must** keep **CardComponent** and **ListItemComponent**
- **NgFor** directive must be declare and stay inside **CardComponent**
- No **NgIf** or **NgSwitch** inside **CardComponent**
- CSS: prefer not to use **::ng-deep**, find a better way
## Submitting your work
1. Fork the project
2. clone it
3. npm ci
4. **nx serve projection**
5. _...work on it_
6. Commit your work
7. Submit a PR with a title beginning with **Answer:1** that I will review and other dev can review.
<a href="https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A1+label%3Aanswer">
<img
src="https://img.shields.io/badge/-Solutions-green"
alt="Projection solution"
/>
</a>
<a href='https://github.com/tomalaforge/angular-challenges/pulls?q=label%3A1+label%3A"answer+author"'>
<img
src="https://img.shields.io/badge/-Author solution-important"
alt="Projection solution author"
/>
</a>
<a
href="https://medium.com/@thomas.laforge/create-a-highly-customizable-component-cc3a9805e4c5"
target="_blank"
rel="noopener noreferrer">
<img
src="https://img.shields.io/badge/-Blog post explanation-blue"
alt="Projection blog article"
/>
</a>
_You can ask any question on_ <a href="https://twitter.com/laforge_toma" target="_blank" rel="noopener noreferrer"><img src="./../../logo/twitter.svg" height=20px alt="twitter"/></a>

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -1,6 +1,6 @@
---
title: Example Guide
description: A guide in my new Starlight docs site.
title: Getting Started
description: A guide on how to get started with Angular Challenges.
---
Guides lead a user through a specific task they want to accomplish, often with a sequence of steps.

View File

@@ -0,0 +1,4 @@
---
title: Submit your answer
description: Guide to submit an answer
---

View File

@@ -0,0 +1,4 @@
---
title: Contribute
description: Guide to contribute
---

View File

@@ -1,14 +1,14 @@
---
title: Welcome to Starlight
description: Get started building your docs site with Starlight.
title: Welcome to Angular Challenges
description: Get started by resolving those challenges and becoming a better Angular FrontEnd engineer.
template: splash
hero:
tagline: Congrats on setting up a new Starlight project!
image:
file: ../../assets/houston.webp
file: ../../assets/angular-challenge.webp
actions:
- text: Example Guide
link: /guides/example/
- text: Get Started
link: /guides/getting-started/
icon: right-arrow
variant: primary
- text: Read the Starlight docs
@@ -21,16 +21,16 @@ import { Card, CardGrid } from '@astrojs/starlight/components';
## Next steps
<CardGrid stagger>
<Card title="Update content" icon="pencil">
Edit `src/content/docs/index.mdx` to see this page change.
</Card>
<Card title="Add new content" icon="add-document">
Add Markdown or MDX files to `src/content/docs` to create new pages.
</Card>
<Card title="Configure your site" icon="setting">
Edit your `sidebar` and other config in `astro.config.mjs`.
</Card>
<Card title="Read the docs" icon="open-book">
Learn more in [the Starlight Docs](https://starlight.astro.build/).
</Card>
<Card title="Update content" icon="pencil">
Edit `src/content/docs/index.mdx` to see this page change.
</Card>
<Card title="Add new content" icon="add-document">
Add Markdown or MDX files to `src/content/docs` to create new pages.
</Card>
<Card title="Configure your site" icon="setting">
Edit your `sidebar` and other config in `astro.config.mjs`.
</Card>
<Card title="Read the docs" icon="open-book">
Learn more in [the Starlight Docs](https://starlight.astro.build/).
</Card>
</CardGrid>

View File

@@ -1,11 +0,0 @@
---
title: Example Reference
description: A reference page in my new Starlight docs site.
---
Reference pages are ideal for outlining how things work in terse and clear terms.
Less concerned with telling a story or addressing a specific use case, they should give a comprehensive outline of what your documenting.
## Further reading
- Read [about reference](https://diataxis.fr/reference/) in the Diátaxis framework