React, Next.js
Axios, Styled Components
Express Budget is a web application I developed as a freelance project for a client aiming to streamline their lead qualification process. Through interactive user flows and customized financial calculations, visitors can easily simulate various budget scenarios tailored to their needs.
Key Challenges and Solutions
- Complex User Experience: The application required a highly visual simulation experience with multi-step routes, animations (including carousels), and dynamic state preservation across each step. I tackled this by carefully designing the component structure and ensuring smooth state management across route changes.
- API Integration with Limited Documentation: The integration with the Bitrix24 API was challenging due to incomplete documentation. I navigated these gaps through extensive testing and direct experimentation, ensuring seamless data exchange for lead submission.
My Role
I was the sole developer, responsible for every phase of the project— from initial requirements gathering and scope definition to coding, deployment, and DNS configuration. I also orchestrated the project timeline using a streamlined waterfall approach to meet the client's deadline efficiently.
Technical Highlights
- Bitrix24 Integration: Implemented custom lead submission workflows via the Bitrix24 API, bridging the gap between front-end user interactions and the client's CRM system.
- Complex Financial Formulas: Although the formulas were provided by the client, I was responsible for implementing them accurately in the application's logic. The number and complexity of these calculations required meticulous testing.
- Design Implementation: I converted the client's Figma designs into a fully functional UI, ensuring fidelity to the provided mockups while maintaining optimal code organization and performance.
Development Approach
- Process: I employed a streamlined waterfall methodology, focusing on rapid delivery and continuous client feedback.
- Testing: Due to a fast-paced startup environment, testing relied primarily on manual verification rather than automated tests. However, I carefully validated user flows and calculations to confirm reliable functionality.
Outcome and Impact
While no formal metrics were tracked, the client reported fewer irrelevant inquiries, effectively relieving the sales team's workload. The solution was well-received, and there were plans to expand the project further; however, budget constraints limited additional development.
Key Learnings
Working on Express Budget provided valuable experience in implementing intricate designs from scratch, balancing a fast-paced development schedule with rigorous manual testing, and navigating incomplete third-party documentation. By mastering both the business and technical aspects—from contract negotiation to a polished, production-ready application—I delivered a solution that effectively addressed the client's lead qualification challenge and highlighted my versatility as a front-end software developer.