Milestone 8: Connecting the frontend to the backend

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 Cors is 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.

Subscribe to my newsletter

Read articles from peter chendi directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

peter chendi

Hello, I'm Peter Chendi, a full-stack developer who is obsessed with building high-quality, Well organized, and maintainable web applications that provide exceptional user experiences using different languages and frameworks like Javascript, React, Redux, Ruby, Ruby on Rails, etc following the best code practices. Here is a link to my portfolio https://peter-portfolio-chendi.netlify.app/ In my previous role as a full-time Microverse student, I spent months immersed in a remote development environment, collaborating with amazing peers around the world with diverse backgrounds and cultures to develop a variety of web applications, blogging apps, and more. Here is a link to my GitHub: https://github.com/anyepeter. I am passionate about developing scalable software, as well as user-friendly and responsive websites, and I enjoy learning new technologies. I'm eager to collaborate with a talented team of developers, designers, and support specialists to build tools and products that empower businesses to deliver better customer experiences and streamline their support operations. Regarding my expertise, I have experience with; Programming languages: Javascript, Ruby, PHP Libraries & Frameworks: React, Ruby on Rails, Laravel, Vue Web Development: HTML5, CSS3 Database Management: SQL, MySQL, PostgreSQL Operating Systems: Windows, MacOS Version Control: Git Software Development Methodologies: Agile Developer tools: GitHub, Slack Deployment and hosting: AWS, Render, Netlify Professional: Remote pair programming, Teamwork, Mentoring I am currently seeking new opportunities as a full-stack developer and would be thrilled to connect with anyone who shares my passion for building high-quality, maintainable software solutions. Let's schedule a Zoom chat to discuss how we can work together to create something amazing. Feel free to email me at petzyrockchendi@gmail.com."