Go back

Planby

0 votes

|

Desktop & Mobile App

Primary ThumbnailSecondary ThumbnailThird Thumbnail

Planby

Planby is a component for a quick implementation of Schedules, Timelines, Conference / Calendar Planner , Music Events, EPG Tv and many more ideas. It uses a custom virtual view which allows you to operate on a really big amount of data.

Customer

JWP, Brella, Housing Cloud, November Five, Waipu TV, AlloHuston, AI Engineer World's Fair

Timeframe

Jan 2022 - ongoing

Submitted by

Nessprim Karol Kozer

Tech Stack

React.js, Emotion, Next.js, Chakra UI

Team

Karol Kozer: Founder and Fullstack Developer - played a pivotal role in the project Robert Sobieszek: Fullstack Developer - contributed significantly to the project as a fullstack developer

Services

Dev Tool, UI/UX,

Link to case study:

DESCRIPTION

Project Background

The inception of this project stemmed from the inability to find a suitable tool that met all the required functionalities in the market. Existing tools in the market for package management were outdated, not maintained, and lacked customization options. This created a significant gap that our tool aimed to fill. We designed this tool to address the specific needs of users who were looking for a more robust, customizable, and modern solution.

Challenges Faced

One of the most significant challenges we encountered was creating a view that could render a large volume of data efficiently while maintaining high performance. Ensuring that the web application remained responsive and did not slow down quickly with increased data load was a critical aspect of our development process. Additionally, as the project rapidly expanded, integrating new functionalities and managing the complexity of a growing codebase became increasingly challenging. Moreover, we paid due attention to the UI and UX design which is really crucial for user and for strong flexibility and cuztomization in our product.

Project Execution Process

Conceptualization and Planning:

Identified the market gap and defined the core features required.

Created detailed project plans and timelines.

Development:

Initiated the development process with a focus on creating a scalable architecture.

Implemented the core functionalities, ensuring a solid foundation for future enhancements.

Iteration and Expansion:

As the project progressed, new features were added, including:

Feature DnD, Multiple days, Timezones, Calendar options, Time ranges, RTL, Vertical Mode, Mobile View, Grid, Grouping Tree, Id Key Mapping of the elements. Enhanced the tool's capabilities significantly.

Customer Portal: Built a comprehensive portal where clients can manage their users and subscriptions.

Testing and Optimization:

Conducted rigorous testing to identify and fix performance bottlenecks.

Optimized the data rendering process to ensure smooth user experiences even with large datasets.

Deployment:

Deployed the tool in a business context, ensuring it met all practical requirements.

Tools and Frameworks Used

Frontend: React.js for building the user interface, ensuring a dynamic and responsive user experience.

Backend: Node.js for creating a robust and scalable server-side architecture.

Other Technologies: Webpack for bundling, Babel for JavaScript transpilation, and various performance optimization tools.

Project Results and Achievements

Successfully launched a fully functional tool that filled a significant market gap.

Enhanced the tool with multiple new features, significantly increasing its value proposition.

Developed a customer portal that allows clients to efficiently manage their users and subscriptions, improving overall user satisfaction.

Achieved high performance and responsiveness, even with large data volumes.

Lessons Learned

Working on this project provided invaluable insights and skills, including:

Technical Skills: Gained advanced programming skills and learned best practices for optimizing web performance.

Project Management: Learned how to manage a project from concept to completion, including planning, execution, and deployment.

Problem-Solving: Developed the ability to tackle complex technical challenges and find effective solutions.

User Interface Customization: Leveraged no-code tools for rapid prototyping of UI elements, which helped in quickly visualizing and iterating on design ideas.

Workflow Automation: Used no-code automation tools to streamline certain backend processes, reducing manual workload and increasing efficiency.

Conclusion

In summary, this project was a response to the market's need for a modern, customizable package management tool. Despite the challenges, particularly around performance optimization and expanding feature sets, the project achieved significant success. It provided us with a rich learning experience, equipping us with unique skills and knowledge in both technical and project management domains.

WHY US

I believe our project should be awarded because it successfully addresses a critical gap in the market by providing a modern, customizable tool that significantly enhances user experience and efficiency.

Vote for Planby

Thank you for participating in the WaysConf Awards! As a token of our appreciation, you’ll receive a 10% discount, which you can claim after casting your vote.

With your email address you can only vote for one project in each category.

Email
Central Europe’s Leading Digital Product Conference: WaysConf