Demo websites generated by our no-code editor
Hero section

Inspiration

EZCompose was created because we got tired of the old-school way of building websites together. As a team of developers and designers, we wanted to make something where everyone could work together in real-time without needing to be coding experts. Our experiences working on projects from all over the place made us want to change how things were done. With EZCompose, we made a place where anyone can make cool stuff online without it being super hard. Every time we hit a roadblock, we just got more determined. EZCompose isn't just a tool, it's a way for everyone to team up and make awesome stuff online together. Come join us and let's change how we build websites!

What it does

EZCompose redefines collaborative web design with its real-time environment. Our intuitive no-code editor offers a plethora of customizable elements including paragraphs, buttons, and more. Teams accelerate project development with real-time collaboration features. Preview and navigate multiple pages seamlessly and share with a hosted link. Responsive design ensures optimal viewing across devices. Plus, EZCompose provides access to node lists for advanced customization. Join the EZCompose revolution today and elevate your web design experience.

How we built it

In our mission to revolutionize web design collaboration, EZCompose stands as a testament to our unified vision and strategic execution. Behind the scenes, our backend prowess shines with meticulously crafted schemas and robust APIs, ensuring seamless data management and elegant solutions.

On the frontend, an intuitive editor interface sparks creativity and fosters collaboration, with features like live previews and drag-and-drop functionality empowering users at every turn.

But our secret weapon? Convex backend services. With Convex, real-time collaboration becomes effortless, dissolving boundaries and nurturing creativity. Tools like useQuery and useMutation transform collaboration into an art form, propelling EZCompose to the forefront of innovation.

Security remains paramount, with Clerk ensuring secure access to the platform and safeguarding user data with utmost care.

In summary, EZCompose embodies the power of collaboration, innovation, and continuous learning. As we unfold the future of web design collaboration, EZCompose stands poised to empower teams to create, innovate, and collaborate like never before, with Convex leading the charge.

Challenges we ran into

Challenges Encountered During No-Code Editor Development:

No-Code Editor Creation: Designing the preview and drag-and-drop functionality for creating responsive websites posed a formidable challenge.
Real-Time Sync: Enabling real-time collaboration among users to work simultaneously on the code editor presented significant hurdles. Implementing this feature required meticulous synchronization techniques. Thankfully, leveraging Convex's real-time database capabilities proved instrumental in overcoming this challenge.
Performance Optimization: Enhancing the editor's smoothness and streamlining the initial page load presented ongoing challenges. Achieving optimal performance required continuous optimization efforts to strike the right balance between functionality and responsiveness

Accomplishments that we're proud of

Accomplishments We're Proud Of:

Successful Implementation of Drag-and-Drop Functionality: We managed to create a seamless drag-and-drop feature for building responsive websites within the no-code editor, enhancing user experience and productivity.
Real-Time Collaboration Achievement: We successfully implemented real-time collaboration capabilities, allowing multiple users to work simultaneously on the editor. Leveraging Convex's real-time database proved invaluable in achieving this milestone.
Performance Optimization Success: We've significantly improved the editor's performance and reduced initial page load times through meticulous optimization efforts. This ensures a smooth and responsive user experience, even with complex projects.
Scheduled Publishing: Users can schedule the publishing of their websites for a later time, allowing for efficient planning and timing of website launches. Scheduled publishing can be easily set up through the intuitive user interface.
Seamless Integration with Next.js: Our successful integration of Next.js with Convex's backend services has streamlined development and enhanced the overall efficiency of the platform. These accomplishments highlight our commitment to delivering a high-quality, user-friendly, and collaborative web design solution with EZCompose.

What we learned

Complexity of Drag-and-Drop Functionality: Developing drag-and-drop features for website building taught us about front-end development intricacies and user interface optimization.
Real-Time Collaboration Challenges: Implementing real-time collaboration exposed us to synchronizing data across multiple users and managing concurrent edits effectively.
Continuous Learning and Adaptation: Embracing continuous learning and adaptation allowed us to tackle new challenges and refine our skills throughout the project.
Team Collaboration and Communication: Collaborating effectively as a team emphasized the importance of communication and leveraging each member's strengths to overcome obstacles.

What's next for EZcompose

Feature Expansion: Enhance components, templates, and customization options.
Collaboration Tools: Add commenting, version control, and user permissions management.
Mobile App Development: Create a mobile application for website management on-the-go.
Community Engagement: Foster an active community with resources and support.