🎯 MindCanvas provides a single space for organizing everything that matters similar to Notion. It offers a clean and open surface for thinking, writing, and planning. It is made using NextJS, Tailwind CSS, Typescript, EdgeStore For Storing Images, Clerk For Authentication, Convex As Our Database

🎯 Getting Started

First, Clone The Repo The Repository

git clone https://github.com/psykat1116/MindCanvas.git

🎯 Start The Server

Start The Server on the Local Server. Change The Folder Name To Lower Case.

cd MindCanvas
npm run dev

🎯 Setup The .env.local File

Create a .env.local File In The Root Folder With The Given Environment Variable

CONVEX_DEPLOYMENT=
NEXT_PUBLIC_CONVEX_URL=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=
CONVEX_DEPLOY_KEY=

🎯 Setup Edge Store

Log In to the Edge Store And Add A New Project. You Will Get Two Key

EDGE_STORE_ACCESS_KEY=
EDGE_STORE_SECRET_KEY=

🎯 Setup Clerk Authentication

Login Into The Clerk Create A New Project And Select What Login Option You Want To Keep Then Create The Project. You Will Get Two Key

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=

🎯 Setup Convex And Integrate With Clerk Authentication

Create An Account In Convex And Create A New Project

npm install convex

Go To The Convex & Clerk And Go Through The Following Steps Mentioned Below Complete Upto Step 4 and then Run The Following Commands.

npm install @clerk/clerk-react
npx convex dev

At The Time Of Development npx convex dev Must Run All The Time During Development. The Deployment URL Will Be In Settings In Development Mode Then Put It To The Variable.

NEXT_PUBLIC_CONVEX_URL=

At The Time Of Deploying Go To The Project Details In Change From Development To Production.Then Go To The Project Settings and Copy The Deployment URL to NEXT_PUBLIC_CONVEX_URL And Create a New Deploy Key And Paste It To CONVEX_DEPLOY_KEY

NEXT_PUBLIC_CONVEX_URL=
CONVEX_DEPLOY_KEY=

🎯 Tell Me You Face Any Problem During The Development & Production Into My Email From This Profile Or Tell Me In Issue Section. Tell Me You Want To Suggest Any Update.