Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/toastycoder0/blog-preview-card-project

This is a solution to the blog preview card challenge on Frontend Mentor
https://github.com/toastycoder0/blog-preview-card-project

astro css eslint html prettier tailiwindcss typescript

Last synced: 6 days ago
JSON representation

This is a solution to the blog preview card challenge on Frontend Mentor

Awesome Lists containing this project

README

        


🤖 Frontend Mentor - Blog preview card

This is a solution to the [blog preview card challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/blog-preview-card-ckPaj01IcS).

[You can view the page by clicking here](https://blog-preview-card-project.pages.dev)

![Design preview for the Blog preview card coding challenge](./public/preview.webp)

## 🚀 How to use?

First clone the repository from GitHub:

```shell
git clone https://github.com/toastycoder0/blog-preview-card-project.git
```

Move to the project folder:

```shell
cd blog-preview-card-project
```

Install the dependencies with the following command:

```shell
npm i
```

Start the **development** environment with the following command

```shell
npm run dev
```

## ⚙️ This application was built using the following technologies

- [Astro](https://astro.build)
- [TypeScript](https://www.npmjs.com/package/typescript)
- [Standard](https://www.npmjs.com/package/ts-standard)
- [ESLint](https://www.npmjs.com/package/eslint)
- [Tailwind](https://tailwindcss.com)

## 📄 License

[MIT](https://opensource.org/licenses/MIT)