Skip to content

Conversation

@mounishvatti
Copy link

@mounishvatti mounishvatti commented Jan 20, 2025

Features:

  • Users can now use the pencil tool
  • Zooming and panning
  • Updated the UI
  • color picker - (8 pastel colors as of now)
  • removed repeated code
  • Added toasts for better UX
  • Undo, redo & clear canvas functionality
  • collaborate button for sharing the invite URL

latest changes

- Users can now select the stroke style they want and a collaboration button to share the invite URL with their friends.

Screenshot 2025-01-23 at 11 42 26 AM
Screen.Recording.2025-01-23.at.11.51.14.AM.mov
Screen.Recording.2025-01-22.at.3.02.25.PM.mov
Screen.Recording.2025-01-22.at.3.06.55.PM.mov

Screenshots:

Canvas

image

Homepage

image
image
image

Note

The UI for the below can be made much better (will do it in the coming time)

Signup & Signin Page

Signup Page Signin Page

Create a room

Create Room

Join a room

Join Room

- Users can now use the pencil tool
- Updated the UI
- removed repeated code
- two finger swipe up to zoom out
- two finger swipe down to zoom in
- pinch inwards from view pane to zoom out
- pinch outwards from view pane to zoom in
- token value fetched from local storage instead of hard coding
feat: zoom in, zoom out, auth token
@mounishvatti
Copy link
Author

mounishvatti commented Jan 21, 2025

feat: zoom in, zoom out, and auth token

Update: Zoom In/Out Functionality with Two-Finger Gestures and Dynamic Token Fetching

New Features:

Two-Finger Swipe and Pinch Gestures for Zooming:

  • Swipe Up (Two Fingers): Zoom out.
  • Swipe Down (Two Fingers): Zoom in.
  • Pinch Inwards: Zoom out from the location of the pinch.
  • Pinch Outwards: Zoom in to the location of the pinch.

Dynamic Token Fetching:

  • The token is now fetched from localStorage instead of being hard-coded, improving security and flexibility.

link to view the recorded video

@mounishvatti
Copy link
Author

Users can now join a room by entering the Room ID provided by the room creator. #11

Screenshot 2025-01-21 at 14 05 47

@mounishvatti mounishvatti changed the title feat - Pencil, updated UI, cleaner code feat - Pencil, Zoom in/out (Two-Finger Swipe and Pinch Gestures) updated UI, cleaner code Jan 21, 2025
@mounishvatti mounishvatti changed the title feat - Pencil, Zoom in/out (Two-Finger Swipe and Pinch Gestures) updated UI, cleaner code feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code Jan 22, 2025
@mounishvatti mounishvatti changed the title feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code, new toolbar Jan 22, 2025
@mounishvatti
Copy link
Author

mounishvatti commented Jan 22, 2025

This change adds custom cursors for different tools, enhancing the user experience by providing visual feedback based on the selected tool.

icons8-clear-40 - clear canvas
icons8-cursor-32 - pointer
icons8-eraser-32 - eraser

The default crosshair is for drawing tools, and the grab is for panning.

@mounishvatti mounishvatti changed the title feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code, new toolbar feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code, new toolbar and custom cursors. Jan 22, 2025
@mounishvatti
Copy link
Author

feat: Users can now select the stroke style they want and a collaboration button to share the invite URL with their friends.

Screenshot 2025-01-23 at 11 42 26 AM
Screen.Recording.2025-01-23.at.11.51.14.AM.mov

@mounishvatti mounishvatti changed the title feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code, new toolbar and custom cursors. feat - Pencil, Zoom in/out (Swipe and Pinch Gestures), Panning, Undo, Redo, Clear canvas, updated UI, cleaner code, new toolbar, custom cursors, stroke color support and more.. Jan 23, 2025
@mounishvatti
Copy link
Author

feat: users can view the hex code of the color on hover

Screenshot 2025-01-23 at 2 51 56 PM

@mounishvatti
Copy link
Author

feat: Users can now choose their theme of choice for their canvas

Screenshot 2025-01-23 at 5 27 21 PM Screenshot 2025-01-23 at 5 27 52 PM

@mounishvatti
Copy link
Author

feat: added tooltip for all the tools present on the canvas

Screenshot 2025-01-23 at 5 47 37 PM

@mounishvatti
Copy link
Author

feat: sidebar to pick color and change canvas theme

Screen.Recording.2025-01-23.at.10.39.04.PM.mov

Added new shapes -> Line & Diamond

Screenshot 2025-01-23 at 11 26 48 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants