Introducing Stroke.io
project made by Anupreet Srivastava
.
- Stroke.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%.
- 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 and editorjs which made this project possible.
First, install the packages:
npm install
Secondly, setup your environment variables at Kinde and [Convex DB] (https://www.convex.dev/)
At last, spin up the servers:
npm run dev
npx convex dev
Open 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
to automatically optimize and load Inter, a custom Google Font.