Light

santoshyadavdev / angular-snippets Goto Github PK

View Code? Open in Web Editor NEW

107.0 8.0 20.0 1.41 MB

A place for sharing Angular Snippets

Home Page: https://angularsnippets.dev/

License: MIT License

TypeScript 7.49% Astro 31.10% JavaScript 1.66% MDX 59.76%

code samples snippets tips-and-tricks angular tailwindcss

angular-snippets's Introduction

Angular Snippets

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.

---
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.

<BlogImage src={ImagePath} alt="hidden source map for production" />

Tech Stack 🛠️

Static Site Generator: Astro
CSS Framework: Tailwind CSS
Markdown: MDX
Package Manager: pnpm

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

# 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.

angular-snippets's People

Contributors

Stargazers

Watchers

angular-snippets's Issues

Add docs to make adding Snippets more easier

We need to add a page on how to add a snippet,

The page can have more details on how to add a new snippet, which will cover mdx syntax and where to add the page for new snippets.

bug(ci): Build issue with pnpm v8 due to incompatible lock file

Problem: The build is breaking because the current pnpm lock file is not supported with pnpm v8.

You may manually pin the pnpm version to v7 temporarily if the build is urgent, but ideally, the existing lock file should be deleted and regenerated.

Discussion, with multiple solutions here: pnpm/pnpm#6307

Add link to GitHub repo

Add a link to the github repo on the website .

Add tags option to snippets

We need tags props on the snippets, it will help us to implement search and group functionality later.

integrate prettier for code formatting

Is your feature request related to a problem? Please describe.

Currently, there is no code formatter used, we can add prettier, so everyone uses the same formatting for code.

Describe the solution you'd like

Astro already has a plugin, you can find more details on:

https://docs.astro.build/en/editor-setup/#eslint

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Support menu for mobile devices

Is your feature request related to a problem? Please describe.

The Menu is not responsive and breaks in mobile view

Describe the solution you'd like

https://github.com/lancerossdev/nofuss contains an example of mobile menu

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.