Plotter

Plotter is your all-in-one workspace for note-taking, task management, and project organization. Collaborate, plan and stay productive with ease using Plotter’s intuitive interface and powerful tools.

Live Demo

• You can access the live demo via Vercel.

Screen

Features

Here are some of the current features that Plotter has:

• User authentication with Clerk
• Route protection
• User profile modal
• Rich text editor
• Publish notes as a public route
• Cover image upload
• Responsive design

Plotter uses the following technologies:

• Next.js
• React
• Tailwind CSS
• shadcn ui
• Clerk
• Convex
• EdgeStore
• Blocknote

Getting Started

Prerequisites

• Node.js version 20 or higher.
• Sign up and create a new project at Clerk.
• Sign up and create a new project at Convex.
• Sign up and create a new project at Edgestore.

.env File

Create .env file and fill in the following environment variables:

CONVEX_DEPLOYMENT=[YOUR_CONVEX_DEV_KEY]
NEXT_PUBLIC_CONVEX_URL=[YOUR_CONVEX_DEV_URL]

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=[YOUR_CLERK_KEY]
CLERK_SECRET_KEY=[YOUR_CLERK_SECRET]

EDGE_STORE_ACCESS_KEY=[YOUR_EDGESTORE_KEY]
EDGE_STORE_SECRET_KEY=[YOUR_EDGESTORE_SECRET]

Install Dependencies

npm install

Run the Development Server

npm run dev

Open http://localhost:3000 with your browser to see the result.

License

This project is licensed under the MIT License - see the LICENSE file for details