https://github.com/alexwithstars/vsnippet

A website to create snippets for Visual Studio Code made in react js
https://github.com/alexwithstars/vsnippet

design javascript js react reactjs service-worker snippets vscode web

Last synced: 2 months ago
JSON representation

A website to create snippets for Visual Studio Code made in react js

• Host: GitHub
• URL: https://github.com/alexwithstars/vsnippet
• Owner: alexwithstars
• License: other
• Created: 2024-07-27T00:00:28.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2025-08-31T07:15:43.000Z (10 months ago)
• Last Synced: 2025-08-31T08:30:06.198Z (10 months ago)
• Topics: design, javascript, js, react, reactjs, service-worker, snippets, vscode, web
• Language: JavaScript
• Homepage: https://vsnippet.vercel.app
• Size: 5.18 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# vSnippet

A simple snippet generator for VSCode made in React. This project is a remake of the [snipps](https://github.com/alexwithstars/pages/snipps) project made for me in 09/2023 (today 08/2024). I hope you enjoy it.

## 📝 Features

- 🐛 Easy to use

- 🚀 Fast

- 🎨 Customizable

- 🌐 Offline support

- 👔 Modern UI

- 📱 Mobile support

- 💻 Open source

- 💸 Free

## 🌐 Web

You can visit [the web](https://vsnippet.vercel.app/) and try it out.

## 🖥️ Local

To run locally:

1. Create a [Fork](https://github.com/alexwithstars/vSnippet/fork) of this repository.

2. Clone the repository to your local machine with `git clone git@github.com:your-username/vSnippet.git`.

### Prerequisites

- [pnpm](https://pnpm.io/)

- [Node.js](https://nodejs.org/en/)

- [ESLint](https://eslint.org/)

### Installing and running

1. Install pnpm (if not installed):

```bash

npm install -g pnpm

```

2. Install dependencies and run:

```bash

pnpm install && pnpm dev

```

### Contributing

You can contribute to this project just by following these steps:

1. 🌲 Make a new branch in your fork for your changes

2. 🚀 Commit your changes

3. ☁️ Push your changes to your fork

4. 📫 Create a pull request with your changes from the branch you created in step 1 to the [main branch](https://github.com/alexwithstars/vSnippet/tree/main).

## 📦 Stack

[![JavaScript Style Guide](https://img.shields.io/badge/StandardJs--f3df49?logo=standardjs&style=for-the-badge)](https://standardjs.com)

[![React](https://img.shields.io/badge/ReactJs--58c4dc?logo=react&style=for-the-badge)](https://reactjs.org/)

[![Vite](https://img.shields.io/badge/Vite--747bff?logo=vite&logoColor=ffcb23&style=for-the-badge)](https://vitejs.dev/)

[![pnpm](https://img.shields.io/badge/pnpm--f69220?logo=pnpm&logoColor=white&style=for-the-badge)](https://pnpm.io/)

[![Vercel](https://img.shields.io/badge/Vercel--000000?logo=vercel&logoColor=white&style=for-the-badge)](https://vercel.com/)

[![Heroicons](https://img.shields.io/badge/Heroicons--8b5cf6?style=for-the-badge&label=🤖%20heroicons)](https://heroicons.com/)

---

> [vSnippet](https://github.com/alexwithstars/vSnippet/) © 2024 by [Alexwithstars](https://github.com/alexwithstars/) is licensed under [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)