/IMCS-Research-Projects

A bunch of typescript base templates with minimal functionalities for the 4 research projects in IMCS

Primary LanguageTypeScript

View Full Project Requirements Here
View Walkthrough Video Here

Note: You may use the global VSCode search to find the following text: "@Elliott" to find my comments and notes.

Project Requirements

1. Collaborative BE Form

Digitised Form

  • Create a web-based platform for the Business Excellence (BE) diagnostic form.
  • Allow users to input data into the form electronically.
  • Include all sections and fields as per the physical BE form.
  • Ensure user-friendly interface and easy navigation.

Collaborative Features

  • Implement real-time collaboration features.
  • Multiple users should be able to access and edit the form simultaneously.
  • Include a chat or comment system to facilitate communication among collaborators.
  • Provide role-based access control to manage permissions.

Version Control

  • Implement versioning functionality.
  • Users should be able to track changes made to the form.
  • Allow users to revert to previous versions if needed.

PDF Download

  • Provide an option to download the completed form as a PDF.
  • Ensure that the downloaded PDF is a faithful representation of the online form.

Security and Data Privacy

  • Implement robust data security measures.
  • Encrypt data transmission and storage to protect sensitive information.
  • Comply with data privacy regulations (e.g., GDPR).

2. Collaborative Flowchart

Diagramming Tools

  • Integrate diagramming tools for creating flowcharts and diagrams.
  • Provide a variety of shapes, symbols, and connectors for creating flowcharts.

Collaboration Features

  • Enable multiple users to work on the same flowchart simultaneously.
  • Real-time updates and syncing of changes made by collaborators.
  • Include a chat or comment system for discussing the flowchart.

Export Options

  • Allow users to export flowcharts in various formats (e.g., PDF, PNG, SVG).
  • Ensure that exported diagrams are high-quality and readable.

Integration

  • Integrate with other project management or collaboration tools if necessary.
  • Enable easy sharing and embedding of flowcharts in other documents.

3. Collaborative Virtual Brainstorming Board (Post-it notes)

Interactive Board

  • Provide a virtual canvas where users can add and organize ideas visually.
  • Include options for text, images, and links.
  • Allow users to move and group ideas freely.

Collaboration Features

  • Support simultaneous participation by multiple users.
  • Real-time updates and visual cues for changes made by collaborators.
  • Chat or comment system for discussion.

Organization Tools

  • Include features for grouping, tagging, or categorizing ideas.
  • Enable users to vote on or prioritize ideas.

Export and Sharing

  • Allow users to export the brainstorm board as an image or document.
  • Enable sharing of boards with external stakeholders.

4. Collaborative Vision Board (Trello-like)

Board Creation

  • Allow users to create multiple boards for different projects or activities.
  • Provide customizable board titles and descriptions.

Card System

  • Implement a card-based system for organizing tasks, ideas, or activities.
  • Cards should be movable across lists and boards.

Lists and Columns

  • Support the creation of lists or columns within boards.
  • Users can categorize and prioritize cards within lists.

Collaboration Features

  • Enable multiple users to collaborate on the same board and cards.
  • Real-time updates when changes are made by collaborators.
  • Comment system for discussions on specific cards.

Task Management

  • Include features for setting due dates, labels, and checklists on cards.
  • Provide the ability to assign cards to specific users.

Notifications

  • Send notifications to users for due dates, comments, and board updates.
  • Allow users to customize notification settings.

Search and Filtering

  • Implement a robust search and filtering system to easily find cards and boards.
  • Support keyword searches, labels, and date-based filtering.