Back to Portfolio
Web Application

GuideU - Make Flow Guides Effortlessly (Dashboard)

A comprehensive dashboard for creating, editing, and sharing workflow guides captured from browser screens.

GuideU - Make Flow Guides Effortlessly (Dashboard)

Project Overview

GuideU Dashboard is a modern web application that enables users to create, edit, and share workflow guides. Users can capture their browser screens to automatically generate guides, then customize them with interactive elements.

The dashboard provides an intuitive interface built with Next.js and Tailwind CSS, featuring drag-and-drop editing capabilities powered by Fabric.js. Team members can collaborate on guides in shared workspaces with real-time updates.

This project combines frontend expertise with modern design practices, delivering an engaging user experience for both individual creators and collaborative teams.

Key Features

  • Browser screen capture for automatic guide generation
  • Drag-and-drop guide editor with Fabric.js
  • Real-time collaboration with workspace members
  • Guide sharing and permissions management
  • Smooth animations with Framer Motion
  • Responsive design for all devices

Technologies Used

Next.jsTailwind CSSFabric.jsFramer MotionReact DraggableFirebase

Project Details

Client

Synthetic Media (Internship Project)

Timeline

2025

Role

Frontend Developer & UI/UX Designer

© 2025 Divanshu Soni. All rights reserved.