Skip to main content
  1. Projects/

Crafting a Dynamic Web Application

Throughout an enriching semester, I had the privilege of collaborating with a dedicated team of four individuals on a challenging yet rewarding project for our Senior Design Course. Our mission was to construct the front-end of a fictional web application that aimed to track electrical instruments, all while adhering to the fundamental principle of designing software for maintainability.

Tasked mainly with the front-end development, my primary focus revolved around leveraging ReactJS to design and implement the dynamic user interface. The agile nature of our project meant we received evolving requirements in a rolling manner, mirroring real-world scenarios. This necessitated constant adaptation and fine-tuning of our development approach.

As part of this process, we encountered a pivotal challenge that reshaped our approach: realizing the limitations of our initial design using static HTML and JavaScript. Embracing the need for scalability and responsiveness, we made a tough yet critical decision to pivot from the static approach to leverage the power of ReactJS. This monumental shift demanded adaptability, humility in acknowledging the initial design’s limitations, and the ability to make tough design decisions for the sake of a superior outcome.

A significant aspect of my role was architecting and programming the front-end components that would provide users with an intuitive and responsive experience. The use of ReactJS allowed me to create reusable features such as tables, drag-and-drop menus, and a PDF generator, enriching the application’s functionality while enhancing its user-friendliness. This also included building a library to serve as an abstraction layer facilitating streamlined interactions with the Rest API, promoting code reusability and long-term maintainability—a crucial aspect of our project’s success.

Collaborating closely with the team, I played a role in ensuring the compatibility and seamless integration of the front-end with the Django Rest API backend. Establishing a coherent interface between the two layers demanded meticulous attention to detail, enabling efficient data exchange and smooth application functionality. I spearheaded the creation of a test suite using Python to evaluate the functionality and performance of our backend API. This comprehensive testing approach aimed to ensure the robustness and reliability of our application, adhering to industry best practices in software testing.

Throughout this journey, I honed my skills in setting granular time-specific goals and effectively communicating them within our agile framework. Embracing the Agile methodology allowed us to adapt swiftly to changing requirements while fostering a collaborative environment that propelled our progress forward.

Ultimately, my role in this project was not just about crafting a functional front-end; it was about contributing to a cohesive team effort dedicated to delivering a robust and user-friendly web application. This experience has been instrumental in shaping my understanding of agile methodologies, the intricacies of front-end development, and the importance of designing software with maintainability at its core.

GitHub Repository for the Project