https://github.com/sounishnath003/snippiffy
A Snippet Management using React Functional Hooks and Node.TS. Personalized in machine storage which can store all your snippets down the line
https://github.com/sounishnath003/snippiffy
clone express react snippets snippets-collection storage-api typescript
Last synced: about 1 month ago
JSON representation
A Snippet Management using React Functional Hooks and Node.TS. Personalized in machine storage which can store all your snippets down the line
- Host: GitHub
- URL: https://github.com/sounishnath003/snippiffy
- Owner: sounishnath003
- Created: 2021-03-15T18:16:10.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-31T06:45:44.000Z (about 5 years ago)
- Last Synced: 2025-01-18T16:50:42.440Z (over 1 year ago)
- Topics: clone, express, react, snippets, snippets-collection, storage-api, typescript
- Language: TypeScript
- Homepage:
- Size: 106 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Snippiffy ~ A React Snippet Mgmt Tool
This app is highly influenced reactiveX packed [**snipiffy magemnent tool**](https://github.com/prvnbist/snippify/). Which helps developers not only have the sneak peak of the snippets they have loaded; but also modify in browser using the **VSCODE browser editor** plugin. 💖
## Intial Look
## Project Structure 🙌
- Backend
The backend folders contains the business logics of **Node.TS** backend which used in-device storage.
- Frontend
React powered frontend application with **3-col** grid feature which opens fold by fold like any books page.
## How To Boot Up The App? 🦝
For booting up the whole application I have already added `concurrently` modules helps to run `server` and `client` side by side or specifically goes hand by hand from just a **single command**.
The Command to start the app is written down below: -
```bash
# For Product Ready Server
yarn dev
# For Development Server
yarn start
```
- Concurrently Splitted part
```bash
"scripts": {
"start": "concurrently -m=3 \"yarn start:backend\" \"&&\" \"yarn start:frontend\"",
"dev": "concurrently -m=3 \"yarn start:backend\" \"&&\" \"yarn start:frontend\"",
"start:frontend": "cd frontend && yarn start",
"start:backend": "cd backend && yarn dev"
},
```
## Dependencies Description ✌
- Backend Dependentices
```bash
{
"dependencies": {
"@types/express": "^4.17.11",
"@types/express-fileupload": "^1.1.6",
"@types/morgan": "^1.9.2",
"@types/node": "^14.14.34",
"express": "^4.17.1",
"express-fileupload": "^1.2.1",
"morgan": "^1.10.0",
"ts-node": "^9.1.1",
"typescript": "^4.2.3"
}
}
```
- Frontend Dependencies
```bash
{
"dependencies": {
"@craco/craco": "^6.1.1",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/jest": "^26.0.15",
"@types/node": "^12.0.0",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.3",
"typescript": "^4.1.2",
"web-vitals": "^1.0.1"
}
}
```
## Features - WIP 😊
- Folder Basis
- Add Folder
- Delete Folder
- Rename Folder
- Files Basis
- Add Snippet File
- Delete Snippet File
- Rename Snippet File
- Write code in the file
- VsCode Editor Support (|MONACO|)
- Intellisense support
- In browser IDE features
- Shareable Snippets to Others