GoalKit

An online project management tool that makes users work more collaboratively and get more done

• Built project with TypeScript
• 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
• Used Realtime Database and Cloud Functions for user online status management
• Applied React and React Router for SPA and private route
• Used Firestore for data management
• Utilized Firebase Authentication for signup, login and logout features
• Handled nested and immutable data by immer
• Implemented layout with Styled-Components

DEMO: https://goalkit-phi.vercel.app/

GitHub: https://github.com/ShanyuJung/GoalKit