Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/taiseen/real-time-google-docs-clone
Learning Purpose || Real Time Google Docs Clone
https://github.com/taiseen/real-time-google-docs-clone
clerk-authentication convex next-js nuqs react-color react-icons shadcn-ui tailwind-css tiptap-editor tiptap-extension zustand
Last synced: 12 days ago
JSON representation
Learning Purpose || Real Time Google Docs Clone
- Host: GitHub
- URL: https://github.com/taiseen/real-time-google-docs-clone
- Owner: taiseen
- Created: 2024-12-07T21:07:05.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-01-14T04:25:36.000Z (19 days ago)
- Last Synced: 2025-01-14T05:28:50.928Z (19 days ago)
- Topics: clerk-authentication, convex, next-js, nuqs, react-color, react-icons, shadcn-ui, tailwind-css, tiptap-editor, tiptap-extension, zustand
- Language: TypeScript
- Homepage:
- Size: 450 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
> 8 - December - 2024
## Real Time Google Doc Clone
* ### To Learning Purpose || R&D
### For package install:-
```js
npm i --legacy-peer-deps
```
### For run the project:-
```js
npm run dev
```
### For run the database:-
```js
npx convex dev
```
### Need these config values to run this project:-
```js
CLERK_SECRET_KEY = *****
CONVEX_DEPLOYMENT = *****
LIVEBLOCKS_SECRET_KEY = *****
LIVEBLOCKS_SECRET_KEY = *****
NEXT_PUBLIC_CONVEX_URL = *****
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY = *****
```
### Custom port & auto browser open:-
```js
"scripts": {
"dev": "npm run browser-open && next dev -p 4000",
"browser-open": "start http://localhost:4000",
},
```
### Package dependencies list:-
* npx [email protected]
* npx [email protected] init
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npm i @clerk/[email protected] --legacy-peer-deps
* npm i --save-dev @types/[email protected] --legacy-peer-deps
### For LiveBlock packages:-
* npm i @liveblocks/[email protected] --legacy-peer-deps
* npm i @liveblocks/[email protected] --legacy-peer-deps
* npm i @liveblocks/[email protected] --legacy-peer-deps
* npm i @liveblocks/[email protected] --legacy-peer-deps
* npm i @liveblocks/[email protected] -- legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i @tiptap/[email protected] --legacy-peer-deps
* npm i [email protected] --legacy-peer-deps
* npx [email protected] --init --framework react
### Learning Points:-
* dynamically get params id's
* layout page do not rerender
* usage of color picker
* image upload dialog open programmatically
* ruler indicator inside allocated area (dynamic calculation)
* dynamically object key selection
* mouse dragging marker selection
* ruler dynamic calculation
* search-param custom hook
* convex db schema system
* usage of carousel system at UI
* usage of clerk auth system at UI
* usage of menu & submenu system at UI
* usage of alert & dialog system at UI
* usage of table data display system at UI
### Resource
*
*
*
*
*