singodiyashubham87 / Draw-it-out

An online Whiteboard application built using ReactJS & TailwindCSS utilising the HTML5 Canvas & the JavaScript Canvas API.
https://draw-it-out.vercel.app
MIT License
79 stars 160 forks source link

History Panel #299

Open sahil0414 opened 4 months ago

sahil0414 commented 4 months ago

Is your feature request related to a problem? Please describe. I'm always frustrated when I lose track of my previous actions while drawing. Without a history panel, it's challenging to keep track of the changes I've made to my drawing, making it difficult to backtrack or undo specific actions. Adding a history panel would greatly improve the usability and workflow of the drawing application.

Describe the solution you'd like Solution:

History Panel Interface: Introduce a panel in the user interface that displays a chronological list of actions performed by the user during the drawing session. Action List: List each action with a brief description or icon to indicate the type of action (e.g., stroke, shape creation, text insertion). Timestamps: Include timestamps for each action to provide a timeline of the drawing session. Selectable Actions: Allow users to click on an action in the history panel to revert the drawing to the state before that action was performed. Scrollable Interface: Ensure that the history panel is scrollable to accommodate a large number of actions. Acceptance Criteria:

A history panel is added to the user interface. The history panel displays a chronological list of actions performed by the user. Each action is accompanied by a brief description or icon indicating the type of action. Timestamps are included for each action to provide a timeline of the drawing session. Users can click on an action in the history panel to revert the drawing to the state before that action was performed. The history panel is scrollable to accommodate a large number of actions Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

Please assign me for this task.

singodiyashubham87 commented 3 months ago

@sahil0414 Show me a prototype of how the panel will look like after implementing in the app.