TaskFlow is a dynamic web application designed for efficient task and project management, with a strong emphasis on collaboration and real-time updates. Crafted with a visually appealing and user-friendly UI/UX, leveraging HTML and CSS, and powered by the Angular framework, TaskFlow is the ideal solution for streamlining work processes and managing projects effectively.
This project was generated with Angular CLI version 16.2.9.
14 Nov 2023 - 23 Nov 2023
- Angular Framework
- TypeScript
- HTML and CSS
- Bootstrap
Before getting started, ensure you have the following:
- Node.js
- npm package manager
- Angular CLI
- An IDE that supports Angular Framework
- Clone the Repository:
git clone https://github.com/randH7/TaskFlow-client
- Install Dependencies:
cd TaskFlow-client
npm install
- Setup Server Side:
Follow the setup guide here to configure the server side.
- Run the Development Server:
ng serve
Open your browser and navigate to http://localhost:4200/.
Important
Ensure the port number in the application.properties file on the server side matches the port in the service files (auth-service.service.ts | project.service.ts) on the client side.
The TaskFlow logo symbolizes the fluidity and organization of tasks in a collaborative environment. It communicates a sense of synergy and teamwork.
I created this logo like flowing, straight lines to represent the smooth flow and organization of tasks. These lines are stylized to look like abstract task cards moving in a sequence.
The color palette includes modern and professional colors, with teal symbolizing trust and reliability.
Note
Explore the design in Figma here.
- Frontend for Employee Side: Develop the frontend for employee features.
- Deployment: Prepare for the deployment of the TaskFlow website.