Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/danielcgilibert/challenges-frontendmentor

💪 Project with challenges from frontendmentor.io
https://github.com/danielcgilibert/challenges-frontendmentor

challenges css css-flexbox css-grid css3 frontend-mentor javascript js react turborepo vitejs

Last synced: 16 days ago
JSON representation

💪 Project with challenges from frontendmentor.io

Awesome Lists containing this project

README

        

#  💻 Front-End Mentor Challenges

## 💪 Challenges

| Challenge | URL Challenge | website |
| :-------------------------------------- | :---------------------------------------------------------------------------------------- | :------------------------------------------------------------------- |
| ✅ **`Expenses chart component`** | [URL](https://www.frontendmentor.io/challenges/expenses-chart-component-e7yJBUdjwt) | [Web](https://challenges-fronted-mentor-chart-component.vercel.app/) |
| ✅ **`Crowdfunding product page`** | [URL](https://www.frontendmentor.io/challenges/crowdfunding-product-page-7uvcZe7ZR) | [Web](https://cfm-crowdfunding.vercel.app/) |
| ✅ **`Product preview card component`** | [URL](https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa) | [Web](https://cfm-productreview.vercel.app/) |
| ✅ **`QR code component`** | [URL](https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H) | [Web](https://cfm-qr.netlify.app/) |
| ✅ **`Testimonials grid section`** | [URL](https://www.frontendmentor.io/challenges/testimonials-grid-section-Nnw6J7Un7) | [Web](https://cfm-grid.netlify.app/) |

## 👨‍🚀 Getting Started

Install dependencies:

```bash
yarn install
```

## 🛠 Build

### To build all apps , run the following command:

```
cd frontendmentor
yarn run build
```

## ✍️ Develop

### To develop all apps, run the following command:

```
cd frontendmentor
yarn run dev
```

### Filter by application

#### Examples :

```
yarn dev:qr
```

```
yarn dev:chart
```

```
yarn dev:product
```