Motion · ![Author Salimi](https://camo.githubusercontent.com/790177ec6634d7b7bbd90f2bd2cf59b9a438aa47e293324e8412d3c9bd4b477c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f417574686f722d53616c696d692d253343253345)
This is a Notion clone app created using Next.js for educational purposes. Motion is a productivity and note-taking web application. It offers organizational tools including task management, project tracking, to-do lists, and bookmarking.
- Real time database
- Light / dark / system mode
- Authentication using Clerk
- Convex for database
- Edgestore for image upload
- Zustand for state management
- Notion like editor using BlockNote
- Hosted in Vercel
- Next.js 13 App Dir
- Shadcn/ui
- Clerk
- Tailwind CSS
- TypeScript
- Convex
- Edgestore
- BlockNote
- Zustand
- Vercel
Open the .env.example and fill in your Convex configuration, Edgestore configuration & Clerk Auth Configurations then save it as .env.local the run the following command:
npm install
npm run dev
npx convex dev
The app is hosted on Vercel. Click here to visit.
Direct link: https://motion.salimi.my