|
1 | | -# React + TypeScript + Vite |
| 1 | +# Project Pilot |
2 | 2 |
|
3 | | -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. |
| 3 | +## Overview |
4 | 4 |
|
5 | | -Currently, two official plugins are available: |
| 5 | +A React-based project management application designed to enhance collaboration, finance management, and task management. The application features tailored user interfaces for different roles: |
6 | 6 |
|
7 | | -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh |
8 | | -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh |
| 7 | +- **Project Manager (PM)** |
| 8 | +- **Finance Manager (FM)** |
| 9 | +- **Scrum Master (SM)** |
| 10 | +- **Employee (E)** |
9 | 11 |
|
10 | | -## Expanding the ESLint configuration |
| 12 | +## Key Features |
11 | 13 |
|
12 | | -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: |
| 14 | +- **Collaboration Tools**: Facilitate team collaboration. |
| 15 | +- **Finance Management**: Manage project budgets and expenses. |
| 16 | +- **Task Management**: Assign and track tasks for team members. |
| 17 | +- **Role-Specific UI**: Customized user experience based on roles. |
13 | 18 |
|
14 | | -- Configure the top-level `parserOptions` property like this: |
| 19 | +## Getting Started |
15 | 20 |
|
16 | | -```js |
17 | | -export default { |
18 | | - // other rules... |
19 | | - parserOptions: { |
20 | | - ecmaVersion: 'latest', |
21 | | - sourceType: 'module', |
22 | | - project: ['./tsconfig.json', './tsconfig.node.json'], |
23 | | - tsconfigRootDir: __dirname, |
24 | | - }, |
25 | | -} |
26 | | -``` |
| 21 | +1. **Fetch Local Data**: |
| 22 | + - Scroll to the bottom of the page. |
| 23 | + - Click on the footer. |
| 24 | + - Navigate to "Data Refresh" to store data locally in the browser. |
27 | 25 |
|
28 | | -- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` |
29 | | -- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` |
30 | | -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list |
| 26 | +2. **Login**: |
| 27 | + - Scroll to the bottom of the homepage. |
| 28 | + - Click on "Login" or "Manage Account" from the footer. |
| 29 | + |
| 30 | +3. **Sign In**: |
| 31 | + - Use the following credentials: |
| 32 | + |
| 33 | + | Username | Password | |
| 34 | + | -------------- | -------- | |
| 35 | + | pm | p | |
| 36 | + | fm | f | |
| 37 | + | sm | s | |
| 38 | + | employee:e/1 | (empty) | |
| 39 | + | employee:e/2 | (empty) | |
| 40 | + | employee:e/3 | (empty) | |
| 41 | + |
| 42 | +4. **Dashboard**: |
| 43 | + - Upon signing in, you will be redirected to your respective dashboard. |
| 44 | + |
| 45 | +## Detailed Functionality |
| 46 | + |
| 47 | +- **Project Manager (PM)**: |
| 48 | + - Create projects. |
| 49 | + - View overview of expenses and tasks. |
| 50 | + |
| 51 | +- **Finance Manager (FM)**: |
| 52 | + - Allocate funds. |
| 53 | + - Create and manage expenses. |
| 54 | + |
| 55 | +- **Scrum Master (SM)**: |
| 56 | + - Assign tasks to employees. |
| 57 | + |
| 58 | +- **Employee (E)**: |
| 59 | + - View assigned tasks. |
| 60 | + |
| 61 | +## Conclusion |
| 62 | + |
| 63 | +This project management application provides a comprehensive solution for team collaboration, financial oversight, and task management, ensuring a streamlined workflow tailored to specific user roles. |
| 64 | + |
| 65 | +##### `DEPRICATED AS OF JULY-2024` |
| 66 | + |
| 67 | +[](https://wakatime.com/badge/user/94eceae7-683a-4d18-a44b-59d4ffd2eb5d/project/32051a46-239e-4241-8dad-76e9a347ad49) |
0 commit comments