AssignIt Frontend

This repository contains the frontend code for AssignIt, a feature-rich project management tool developed as a Final Year Project (FYP). AssignIt provides an intuitive interface for managing workspaces, projects, sprints, tasks, retrospectives, and team collaboration.

Live Demo:
https://assignit.sharmasaksham.com.np/login
Note: The initial load may be slow (about 1 minute) and require a refresh, as the backend is hosted on a free Render service that spins down when not in use.

Features

Workspace and project management
Sprint and task boards with drag-and-drop (Kanban)
Detailed dashboards with charts and insights
Role-based access (Project Manager, Developer, QA)
OTP-based authentication (login/signup)
Bug tracking and sprint retrospectives
Team invitations, notifications, and activity logs
Real-time updates with socket.io
Responsive, modern UI with dark mode support

Tech Stack

Framework: React 18 + TypeScript
State Management: Zustand
Data Fetching: TanStack React Query
Styling: Tailwind CSS, tailwindcss-animate, custom CSS
Routing: React Router DOM v7
Forms & Validation: React Hook Form, Zod, @hookform/resolvers
Rich Text Editing: React Quill
Real-Time: socket.io-client
Build Tool: Vite
Drag & Drop: @dnd-kit/core
Custom Hooks: @custom-react-hooks/use-media-query

Getting Started

Prerequisites

Node.js (v14 or higher)
npm or yarn

Installation

Clone the repository:

git clone https://github.com/saksham310/assignit-frontend.git
cd assignit-frontend

Install dependencies:
```
npm install
# or
yarn install
```
Configure environment variables:
- Copy .env.example to .env and set the API base URL and any other required settings.
Run the development server:
```
npm run dev
# or
yarn dev
```
Build for production:
```
npm run build
# or
yarn build
```

API Integration