Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/santoshyadavdev/angular-snippets
A place for sharing Angular Snippets
https://github.com/santoshyadavdev/angular-snippets
angular code samples snippets tailwindcss tips-and-tricks
Last synced: 5 days ago
JSON representation
A place for sharing Angular Snippets
- Host: GitHub
- URL: https://github.com/santoshyadavdev/angular-snippets
- Owner: santoshyadavdev
- License: mit
- Created: 2023-02-21T21:27:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-18T19:21:10.000Z (over 1 year ago)
- Last Synced: 2024-12-11T09:24:28.726Z (14 days ago)
- Topics: angular, code, samples, snippets, tailwindcss, tips-and-tricks
- Language: MDX
- Homepage: https://angularsnippets.dev/
- Size: 1.38 MB
- Stars: 107
- Watchers: 8
- Forks: 20
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: license
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Angular Snippets
[](#contributors-)
A website to find and share code snippets for Angular.
## How to add snippets
Follow the below steps to add a snippet to the website.
- Go to pages -> snippets folder.
- add a new mdx file with the name of the snippet.
- add the content in the format below.
```mdx
---
title: Tile of the snippet
description: description of the snippet
pubDate: (Dare) Feb 20, 2022
contributedBy: "@TwitterHandle"
---
import BlogImage from "@components/BlogImage.astro";
import SourceMap from "@images/source-map.jpg";
Content of the snippet
We accept mdx syntax here.
You can include code snippets like this.
"sourceMap": {
"hidden": true,
}
and images like this.
```
## Tech Stack 🛠️
- Static Site Generator: [Astro](https://astro.build/)
- CSS Framework: [Tailwind CSS](https://tailwindcss.com/)
- Markdown: [MDX](https://mdxjs.com/)
- Package Manager: [pnpm](https://pnpm.io/)
## Developer Notes 📝
Here are some commands that you can run to get started with the project. You can also check all the commands in the [`package.json`](https://github.com/lancerossdev/basicblog/blob/main/package.json)
```bash
# Install dependencies
pnpm install
# Run the development server
pnpm dev
# Build the project
pnpm build
# Serve the built project
pnpm preview
```
## Contributors
Oliver Erxleben
💻
Paweł Kubiak
💻
Santosh Yadav
💻
Nicolas Frizzarin
📖
Jay Bell
📖
Bartosz Wasilew
📖
Robin Goetz
💻
Chau Tran
💻 📖
Pham Huu Hien
📖
Nelson Gutierrez
📖
Lucio Aimar
📖
Deepak Rudra Paul
📖
Rubén Peregrina
📖
## License ⚖️
This repository has [MIT License](https://github.com/santoshyadavdev/angular-snipptes/blob/main/license).