AGCapital-Challenge-Web

This is a challenge for a vacation jog on AG Capital

The challenge consists of developing an interface for managing projects segmented by clients. The application scope must meet the following requirements:

• Client and Project Management: Visualization and control (adding, editing, and removing) of clients and their respective projects;
• Lifecycle Management: Functionality to close or reopen projects;
• Task Management: Activity control per project, allowing task management and status transitions between "Todo", "Doing", "Done", and "Cancelled";
• Search and Filtering: Search functionality for projects and clients, including tab-based filters for project status (open or closed).
• Integration and State Management: Mock integrations using a state manager

Dependence

To Run this project, you will need to clone and run the AgCapital-Challenge-Api

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile, and Minify for Production

npm run build

Lint with ESLint

npm run lint
npm run lint:fix

TODO

• Create ans Update Unit and E2E Tests
• Abstract Element Plus Variables (Design Tokens)
• Try to Add Scope in all Styles
• Rewrite Styles
  • Remove Unnecessary Styles
  • Mobile or Desktop First
  • Adjust Breakpoints
  • Use Design Tokens
  • Use Display Grid

NOTE: I Got de Job! 💸