Zenflow

A task manager web application built with Next.js 14

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• User Management: clerk
• Database: Supabase
• ORM: Drizzle ORM
• UI Components: shadcn/ui
• Payment management: Stripe
• Content Management: Contentlayer
• Newsletter subscription: MailChimp

Roadmap

• SEO optimization & site configuration
• Landing Page
• Dark Mode Implementation
• blog page
• User Authentication using clerk
• Account and Preference Settings Setup
• Create New Task Functionality
• Implement Tasks Board View
• Task Actions (Edit, Delete, Mark as Done, etc)
• Create New Board Column Feature
• Column Actions (Edit and Delete) for Boards
• Create New Board Capability
• Board Actions (Edit and Delete)
• Task Filtering, and Sorting Functionality
• Add Analytics Page
• Integrate stripe
• Newsletter subscription with Mailchimp

Running Locally

1. Clone the repository

   git clone https://github.com/Raphico/Zenflow

2. Install dependencies using npm

   npm install

3. Copy the .env.example to .env and update the variables.

   cp .env.example .env

4. Start the development server

   npm run dev

5. Push the database schema

   npm run db:push

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