TodoBoard Frontend

--> Live Preview: https://todoboard.net

TodoBoard Frontend is a modern, responsive web application built with Next.js, Tailwind CSS, TypeScript, and Shadcn UI for a seamless user experience in managing tasks and projects. It integrates with the FastAPI-TodoBoard-Backend API.

Overview

TodoBoard Frontend provides a dynamic user interface designed for effective task and project management. Key features include:

• User Interface: A sleek and modern UI built with Shadcn UI and Next.js.
• Responsive Design: Mobile-first design with adaptive layouts for desktop, tablet, and mobile devices.
• Theme Toggle: Easily switch between light and dark modes using Next Themes.
• PWA Support: Installable Progressive Web App features are available.
• Task & Project Management: Create, update, and organize tasks and projects with ease.
• Notifications: Receive notifications for project updates or invites.
• 2FA: OTP-Verification with QR-Code

Tech Stack

• Next.js 15
• React 18
• Tailwind CSS
• TypeScript
• Shadcn UI
• Zustand
• Dnd
• Js-cookie
• Zod

Image Preview

Homepage Preview

Dashboard Preview

Installation

Clone the Repository:

git clone https://github.com/TodoBoard/ShadcnUI-TodoBoard-Frontend.git
cd ShadcnUI-Todobaord-Frontend

Install Packages:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

License

This project is licensed under the GitHub license. See the LICENSE file for details.