Panorama

• 

  Landing page

Inspiration

The inspiration for Panorama came from our realization of the fragmented nature of digital business tools. We noticed how businesses struggle to manage different aspects of their operations, from customer relationships and marketing to sales and analytics, using separate platforms. This fragmentation often leads to inefficiencies, data silos, and missed opportunities. We aimed to create a unified platform that integrates these functionalities seamlessly, much like GoHighLevel, but with our unique twist and additional features to cater to the specific needs of today's dynamic businesses.

What it does

Panorama is an all-in-one business management platform designed to simplify and automate the operations of small to medium-sized businesses. It integrates customer relationship management (CRM), marketing automation, sales pipelines, and business analytics into a single, user-friendly interface. Panorama enables businesses to manage their customer interactions, automate marketing campaigns, streamline sales processes, and analyze performance metrics, all from one place. This integration helps businesses improve efficiency, enhance customer engagement, and drive growth.

How we built it

We built Panorama using a modern technology stack to ensure scalability, performance, and ease of use:

• Frontend: We utilized Next.js and React.js for the frontend to create a fast, interactive user experience. TypeScript was employed to ensure code reliability and maintainability.
• Backend: For the backend, we chose MySQL for our database needs, with PlanetScale to ensure scalability without sacrificing reliability. Convex was used to manage the website builder backend logic and state synchronization across clients seamlessly.
• Styling: TailwindCSS helped us quickly design a clean, responsive UI without getting bogged down in custom CSS.
• File Handling and Real-time Features: We integrated Resend for email automation, UploadThing for handling file uploads efficiently, and LiveBlocks for real-time collaboration features.
• Payments and Authentication: Stripe was implemented for handling payments and subscriptions, while Auth.js facilitated secure user authentication.
• UI Components and Design: We leveraged ShadCN/UI for advanced UI components to enhance the user interface and user experience.

Challenges we ran into

One of the major challenges we faced was ensuring seamless integration of the various technologies and third-party services into a cohesive platform. Achieving real-time synchronization across different components of the app, especially with features like live collaboration and instant updates, required meticulous planning and testing. Additionally, designing a user interface that was both powerful and easy to use, catering to a wide range of business needs, presented its own set of design and usability challenges. Finally, integrating Stripe Connect was also a challenge since it required reading a lot Stripe’s documentation to properly add it to our platform. However, this was crucial for us since we wanted agencies and sub accounts to be able to add their own Stripe account on Panorama.

Accomplishments that we're proud of

We're particularly proud of creating a unified platform that not only matches the capabilities of existing solutions like GoHighLevel but also introduces unique features tailored to the modern digital landscape. Achieving seamless integration across different functionalities within a single application, without compromising on performance or user experience, stands out as a significant accomplishment.

What we learned

Throughout the development of Panorama, we learned the importance of a well-thought-out architecture when integrating multiple technologies and third-party services. We gained valuable experience in handling real-time data synchronization and learned advanced techniques in frontend and backend development. The project also reinforced the importance of user-centered design and iterative testing to create an application that truly meets user needs.

What's next for Panorama

Moving forward, we plan to expand Panorama's functionalities to include AI-driven analytics for deeper business insights, advanced automation capabilities for marketing and sales, and more robust integration options with other business tools. Introduce AI generation for our web builder to help build optimized funnel pages based on topics. We also aim to enhance the platform's scalability and security to cater to larger enterprises. Community feedback will be instrumental in guiding these developments, ensuring that Panorama evolves in alignment with the needs of its users. Our vision is to make Panorama the go-to platform for businesses looking to streamline their operations and accelerate growth in the digital age.

Built With

• auth.js
• convex
• liveblocks
• mysql
• next.js
• planetscale
• react.js
• resend
• shadcn/ui
• stripe
• tailwindcss
• typescript
• uploadthing