Kanbantask Frontend App

A Frontend application built with React, Typescript, Tailwindcss for creating and managing Boards and Tasks(with subtasks). This front-end is connected to a RESTfull API application on this repo: https://github.com/zetmosoma10/kanbantask-api

Features

• User Login and Registration
• User Forgot and Reset Password
• User upload profile image (cloudinary)
• User perform CRUD operations on Boards, Columns, Tasks(with subtasks)
• Light and Dark Mode

Tech Stack

• React + Typescript - UI & Static typing
• React Router - routing and navigation
• Tailwindcss - styling
• Tanstack Query - data fetching and management
• Axios - api requests
• zustand - global state management
• zod - form validation
• React-hook-form - handling form data

Getting started

Clone the repository

git clone https://github.com/zetmosoma10/kanbantask-client.git
cd kanbantask-client

Installation

npm install

Environment Variables

• VITE_BASE_URL=http://localhost:3000/api
• (change URL to your deployed URL if needed)

Start development server

npm run dev

This app will run at: http://localhost:5173 (or whichever port Vite give you)

API Integration

This Frontend App communicates with Kanbantask API available here: https://github.com/zetmosoma10/kanbantask-api Make sure the api server is running and the .env file has the correct VITE_BASE_URL.