https://github.com/k-kumar-01/excalidraw-demo-fullstack
https://github.com/k-kumar-01/excalidraw-demo-fullstack
css excalidraw html5 javascript nextjs typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/k-kumar-01/excalidraw-demo-fullstack
- Owner: K-Kumar-01
- Created: 2021-07-19T21:46:02.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-07-21T00:05:22.000Z (about 4 years ago)
- Last Synced: 2025-03-31T12:09:56.922Z (6 months ago)
- Topics: css, excalidraw, html5, javascript, nextjs, typescript
- Language: TypeScript
- Homepage: https://excalidraw-demo-fullstack.vercel.app/
- Size: 287 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## About
This repo contains the complete code of the excalidraw-demo.
When the server is running, visiting the home page will trigger a function that will save the
details of the current drawing structure in a backend database.
These details are visible at `/image` page. One can also click links for specific images.
## How to use
1. Clone the repo.
2. Run `yarn setup` to setup the development server.
3. Create `next.conifg.js` if not already create and export `MONGO_URI` env variable. Example:
```js
module.exports={
env: {
MONGO_URI:
},
}
```
4. Visit `localhost:3000` and see the server running.
Your database will be populated with the different images. Each image will have this basic structure.
```js
name: new Date().getTime().toString(),
svgString: JSON.stringify(result.outerHTML),
link: router.pathname,
```