From milestones 5 to 7, my focus has been on developing the backend of our rental property system. However, in this latest milestone, I begin building the frontend of the application using React technology.
To establish a connection between the frontend and backend, I used
Corsis a gem/library from Ruby on Rails. This invaluable tool enabled the front end to efficiently fetch data from the backend, ensuring a smooth user experience.To create the React application, I used Vite, for its remarkable advantages of faster building times and a more responsive development server. This decision allows us to work with greater efficiency and productivity.
In terms of styling, I've decided to utilize styled-components, a powerful React library that empowers me to write CSS directly within JavaScript. This approach not only streamlines the styling process but also enhances the overall maintainability of the codebase.
With these foundational steps in place, I've successfully implemented both the landing page and the user-friendly property submission form, giving our application a polished and professional appearance as shown below.
Moving forward, I'll continue to fine-tune the frontend, aiming to create an immersive and delightful user interface that complements the robust backend functionality. Together, these efforts will culminate in a sophisticated rental property system that meets and exceeds the expectations of our users.