Team Sync is a role-based workforce management frontend built for employee administration and team collaboration. It provides separate admin and employee workspaces, protected navigation, API-backed authentication, employee directory management, and persistent light and dark themes.
This repository contains the frontend application. It connects to the hosted Team Sync API.
- Email and password sign-in
- Cookie-based session restoration and automatic access-token refresh
- Protected routes for authenticated users
- Role-based admin and employee routes
- Role-aware dashboard navigation
- Employee directory with search, filters, pagination, and status statistics
- Add-employee form with validation
- Employee status updates
- Persistent light and dark themes
- Shared Axios API client
- Server-state caching with TanStack Query
Routes and initial pages are scaffolded for:
- Tasks and personal tasks
- Chats
- Departments
- Documents
- Attendance
- Employee profiles
- Settings
- User registration
- React 19
- Vite 7
- React Router
- Redux Toolkit and React Redux
- TanStack Query
- Axios
- React Hook Form
- Tailwind CSS 4
- Lucide React
- Node.js
^20.19.0or>=22.12.0 - npm
git clone https://github.com/sayedrisat/Team-Sync.git
cd Team-Sync
npm install
npm run devOpen the local URL displayed by Vite in the terminal.
The application currently connects to:
https://api.team-sync.space/api
The Axios client is configured in src/config/axiosInstance.jsx. Authentication uses cookies, so the API must accept credentialed requests from the frontend origin.
| Command | Purpose |
|---|---|
npm run dev |
Start the development server |
npm run build |
Create a production build |
npm run lint |
Run ESLint |
npm run preview |
Preview the production build locally |
src/
|-- app/ # Layouts, routes, route guards, store, and navigation
|-- config/ # Axios and API configuration
|-- features/ # Feature-based pages, components, hooks, APIs, and state
|-- shared/ # Shared application state
|-- index.css # Tailwind import and global theme variables
`-- main.jsx # Application entry point
Authentication and the admin employee-management flow are connected to the API. Several collaboration modules are currently represented by route and page scaffolds and remain under development.
No license has been specified for this project.