Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amanapt/scribble.io
https://github.com/amanapt/scribble.io
canvas convex kinde-auth nextjs whiteboard
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/amanapt/scribble.io
- Owner: AmanApT
- Created: 2024-08-25T20:58:45.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-28T15:46:16.000Z (3 months ago)
- Last Synced: 2024-10-12T04:23:42.406Z (about 1 month ago)
- Topics: canvas, convex, kinde-auth, nextjs, whiteboard
- Language: TypeScript
- Homepage: https://scribble-io-ap.vercel.app/
- Size: 1.27 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Introducing [Scribble.io](https://scribble-io-teal.vercel.app/) project made by [`Aman Ap`](https://github.com/AmanApT).
# Scribble.io
- Sribble.io is high-performance document and diagram engineering tool that enables users to efficiently edit, organize, and manage digital content, achieving 40% faster load times.
- Implemented secure user authentication with Kinde, reducing security vulnerabilities by 30%.
- Optimized UI/UX with Shadcn and TypeScript, boosting user engagement by 25%.
## Features
- Create multiple teams for different projects
- Multiple files can be created in each team
- Each file provides documenting functionality as well as editing your own custom canvas where you can draw,edit, create anything you want
- All the files can be easily retrieved later and can be managed on dashboard itself
- Thanks to open source libraries [excalidraw](https://excalidraw.com) and [editorjs](https://editorjs.io/) which made this project possible.
## Run locally
First, install the packages:
```bash
npm install
```
Secondly, setup your environment variables at [Kinde](https://kinde.com/) and [Convex DB](https://www.convex.dev/)
At last, spin up the servers:
```bash
npm run dev
npx convex dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.