https://github.com/brijeshdevio/snippet-x

SnippetX is a web application that allows developers to save, organize, search, and manage code snippets.
https://github.com/brijeshdevio/snippet-x

mongoose nestjs reactjs shadcn tailwindcss typescript

Last synced: 3 months ago
JSON representation

SnippetX is a web application that allows developers to save, organize, search, and manage code snippets.

• Host: GitHub
• URL: https://github.com/brijeshdevio/snippet-x
• Owner: brijeshdevio
• Created: 2025-11-19T03:28:14.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2026-04-09T11:43:03.000Z (3 months ago)
• Last Synced: 2026-04-09T12:27:47.419Z (3 months ago)
• Topics: mongoose, nestjs, reactjs, shadcn, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://snippetx.brijeshdev.in/
• Size: 1.36 MB
• Stars: 1
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# **SnippetX — Code Snippet Saver & Organizer**

SnippetX is a web application that allows developers to save, organize, search, and manage code snippets.

Built for speed, simplicity, and productivity — perfect for developers who want a lightweight alternative to Notion/Gists.

---

## **Page Screenshots**

**Home/Landing Page**

![Home/Landing Page](./screenshots/home.png)

**Login Page**

![Login Page](./screenshots/login.png)

**Register Page**

![Register Page](./screenshots/register.png)

**Dashboard Page**

![Dashboard Page](./screenshots/dashboard.png)

**Single Snippet Page**

![Single Snippet Page](./screenshots/snippet.png)

**New Snippet Page**

![New Snippet Page](./screenshots/new-snippet.png)

**Generate Snippet using AI**

![Generate Snippet using AI](./screenshots/generate-snippet.png)

**Edit Snippet Page**

![Edit Snippet Page](./screenshots/edit-snippet.png)

**Not Found Page**

![Not Found Page](./screenshots/not-found.png)

---

## **Features**

- Create, edit, delete code snippets

- Syntax highlighted editor

- Tags & categories for quick organization

- Pagination

- Search snippets instantly

- Dashboard with stats

- User authentication (Login/Signup/Logout)

---

## **Tech Stack**

- **Frontend:** React.js, TypeScript, TailwindCSS

- **Backend:** Node.js, NestJS

- **Database:** MongoDB

- **Package Manager:** pnpm

- **Auth:** JWT + Cookies

## **Architecture Overview**

```bash

[React Frontend]  → REST API →  [Express Backend]  → [MongoDB]

       ↓                     ↓                 ↓

   UI Pages        API Routes & Middleware   Models & Schema

```

**Core Flows:**

- Auth Flow → JWT tokens stored in HTTP-only cookies

- Snippet Flow → Create → Save → Fetch → Render in editor

- Search Flow → MongoDB text index + frontend filtering

---

## **Setup & Installation**

### **Frontend**

```sh

cd web

pnpm install

pnpm dev

```

### **Backend**

```sh

cd server

pnpm install

pnpm start:dev

```

### **Environment Variables**

Backend `.env` example:

```env

PORT=3000

MONGODB_URI=

JWT_SECRET=

HOSTS_URI="http://localhost:5173 http://localhost:5174"

```

Frontend `.env` example:

```env

VITE_API_BASE_URL="http://localhost:3000/api"

```

---

## **API Endpoints**

### Auth

```bash

POST /auth/register

POST /auth/login

POST /auth/logout

GET  /users/profile

```

### Snippets

```bash

POST   /snippets

GET    /snippets

GET    /snippets/stats

GET    /snippets/:id

PUT    /snippets/:id

DELETE /snippets/:id

```

---

## **How to Use**

1. Sign up using email and password

2. Create your first snippet

3. Tag it for easy filtering

4. View stats on dashboard

5. Search snippets using keywords

6. Edit or delete when needed

---

## 🤝 Contributing

Pull requests are welcome! If you’d like to contribute, feel free to fork the repo and submit a PR.

## 📄 License

This project is open-source and available under the MIT License.