SimpleTaskBoard

A task management system with a table view and a Kanban board, developed with Next.js, Typescript, and styled using Tailwind CSS. Its designed to organise and prioritise tasks efficiently.

Features

• Authentication System: Secure login via Google OAuth using NextAuth and Prisma integration.
• Internationalisation (i18n): Multi-language support powered by next-intl.
• User Interaction: Easily manage task and boards with CRUD operations.
• Data Visualisation: Dynamic charts built with Recharts.
• Customisable Themes: Light and dark mode support with next-themes and tailwindcss.
• Responsive Design: The web app is fully responsive, offering an optimised experience across desktop, tablet, and mobile devices.

Screenshots

Demo

https://simpletaskboard.vercel.app

Used libraries

• Nextjs
• Tailwind
• Shadcn UI
• NextAuth
• Prisma
• @hello-pangea/dnd
• react-hook-form
• zod
• next-intl
• sonner
• Recharts

Prerequisites

• Node.js >= 18
• npm
• Compatible database (configured via Prisma)

Getting started

• Set up the environment

  Create a .env file with the following variables:

  DATABASE_URL=<your-database-url>
  GOOGLE_CLIENT_ID=<your-google-client-id>
  GOOGLE_CLIENT_SECRET=<your-google-client-secret>
  AUTH_SECRET=<your-auth-secret>
  

• Clone the repository:

  git clone https://github.com/fernandobouchet/tasks
  cd tasks
  npm install
  npx prisma migrate dev
  npm run dev
  

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

You can start editing the code. The page auto-updates as you edit the file.