Project Management

Project Management app controls task flow via tickets. The app allows users to issue tickets and assign them

to other employees along with its deadline, start date, and priority-level. A project manager can handle

problems of the project easily and effectively and maximize the productivity of the project.

ReactJS/Redux, Material UI, and Bootstrap were used to design the front-end of the application.

PHP Laravel and MySQL for API Routes and eloquent queries.

Setup

Install dependencies with npm install.

Running Webpack Development Server

npm start
npm run dev
php composer install
php artisan serve

Final Product

LogIn DashBoard Project Project Dashboard Project Bulleting board Add member to the project Create new ticket for the project Ticket Specific Page Reject Ticket Reassign the ticket to anoter member whos working for the same project TimeLine for the ticket(All the changes are logged in the timeline automatically) Ticket page Calendar Day view Edit profile

Dependencies

• "@material-ui/core": "^4.11.2",
• "@material-ui/icons": "^4.11.2",
• "@material-ui/lab": "^4.0.0-alpha.57",
• "apexcharts": "^3.19.2",
• "bootstrap": "^4.6.0",
• "britecharts-react": "^0.5.4",
• "classnames": "^2.2.6",
• "material-ui-search-bar": "^1.0.0",
• "moment-timezone": "^0.5.32",
• "prop-types": "^15.7.2",
• "react-apexcharts": "^1.3.7",
• "react-big-calendar": "^0.30.0",
• "react-bootstrap": "^1.4.3",
• "react-dom": "^16.13.1",
• "react-live-clock": "^5.0.13",
• "react-moment": "^1.1.1",
• "react-redux": "^7.2.2",
• "react-router-dom": "^5.2.0",
• "reactstrap": "^8.8.1",
• "redux": "^4.0.5",
• "redux-persist": "^6.0.0"