This project was built project with Create React App and TypeScript
An online project management tool that makes users work more collaboratively and get more done. GoalKit provides multiple types of tools including boards, lists, cards and charts that enable users to organize and prioritize their projects in an efficient, flexible and rewarding way.
Demo account: [email protected]
Demo password: qqqqqq
- Instant co-editing
- Instant messaging
- Drag and drop
- Updated multiple different types of information
- Visualized data as chart
- Online status
- Authentication and private router
- Handled nested and immutable data
- Styled-Components
Fulfilled instant co-editing with onSnapshot API and solved conflict problems of instant co-editing
Fulfilled instant messaging feature between multiple users
Implemented creating lists and cards feature, allowed users to edit position and order by drag and drop with React Beautiful DnD
Handled updating multiple different types of information about task cards including date, tags, owners, todo lists and progress status by useReducer
Visualized task card information data as Gantt charts, progress pie charts and distribution bar charts with third-party libraries (gantt-task-react , recharts)
Used Realtime Database and Cloud Functions for user online status management
Applied React and React Router for SPA and private route, and used Firestore for data management
Handled nested and immutable data by immer
Implemented layout with Styled-Components
