Skip to content

This is a prototype of a full-stack application designed to demonstrate AI-enhanced productivity tools, combining traditional task management with an intelligent agent capable of executing CRUD operations and analyzing data.

Notifications You must be signed in to change notification settings

CarlosPProjects/taskly-yt

Repository files navigation


AI-Powered Productivity Suite 🚀

Next.js Full-Stack Application with Real-Time AI Integration

Deploy with Vercel App Preview

Youtube - 👉 Tutorial

🌟 Features

  • AI Task Assistant
    • Natural language CRUD operations via chat
    • Data analysis and optimization suggestions
    • Toolcalling with Vercel AI SDK
  • Core Functionality
    • Real-time task synchronization (Convex DB)
    • Secure authentication (Clerk)
    • Responsive dashboard with metrics
  • Tech Highlights
    • Type-safe API layer
    • Modern UI components (shadcn/ui)
    • Edge-ready deployment

🛠️ Tech Stack

  • Frontend: Next.js 15 (App Router), TailwindCSS
  • Backend: Convex (Database/Server Functions)
  • Auth: Clerk
  • AI: Vercel AI SDK, OpenAI API
  • Tools: TypeScript, Zod, React Query

⚡ Quick Start

Prerequisites

  • Node.js 20+ OR pnpm 9+
  • OpenAI API Key
  • Clerk & Convex accounts

Installation

git clone https://github.com/carlospprojects/taskly-yt.git
cd taskly-yt
npm install  # or pnpm install / yarn

Configuration

  1. Create .env.local file:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_key
CLERK_SECRET_KEY=your_clerk_secret
CONVEX_DEPLOYMENT=your_convex_deployment
NEXT_PUBLIC_CONVEX_URL=your_convex_url
OPENAI_API_KEY=your_openai_key
DEEPSEEK_API_KEY=optional_deepseek_key
  1. Set up services:

Running Locally

npm run dev
# Convex development mode
npx convex dev

🧠 AI Interaction Examples

/user: "Create new task 'Fix responsive layout' with high priority"
/ai: Creates task and confirms via database mutation

/user: "Show me overdue tasks from last week"
/ai: Queries DB and returns filtered results

/user: "Analyze my productivity patterns"
/ai: Generates report using task metadata

🚀 Deployment

  1. Vercel:
vercel
  1. Set same environment variables in production
  2. Configure Convex production project:
npx convex deploy

📂 Project Structure

/src
├── app/(dashboard)       # Auth-protected routes
├── app/api               # Edge API routes
├── components            # Global components
├── lib                   # Utils, hooks, etc.
├── hooks                 # Custom hooks
├── ai                    # Tools, AI SDK, etc.
└── constants             # Constants, enums, etc.
/convex                   # Database config, schema & mutations

Need Help?
Open an issue or contact [email protected]

GitHub Stars


About

This is a prototype of a full-stack application designed to demonstrate AI-enhanced productivity tools, combining traditional task management with an intelligent agent capable of executing CRUD operations and analyzing data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published