RENTALHUB •
HOME SERVICES WEBSITE
In this project, I built the frontend of a rental hub website using HTML, CSS, and JavaScript
from scratch. I focused on creating a user-friendly and visually appealing interface
that effectively
showcases the house rent, sell, renovate services, listing of properties on site, and contact information
of landlords. To display card of listed house dynamically through JavaScript, i used Array of Objects.
I also incorporated elements like calls to action and lead capture forms to encourage user engagement
and conversion. This project allowed me to apply my front-end development skills to a real-world scenario,
while also gaining valuable experience in understanding the principles of user-centered design and lead
generation in the digital marketing landscape.
ROLE
- FRONTEND DEVELOPER
- UX/UI DESIGNER
TOOLS
- FIGMA
- VISUAL STUDIO
TIME SPAN
- YEAR 2024
- 2 WEEKS
Journey of This Project
In this project, I undertook the task of constructing the frontend of a website for a House Rental Hub. To achieve this, I leveraged the foundational web development tools: HTML for structuring the content, CSS for defining the visual style, and JavaScript for adding interactive elements . This core combination enabled me to create a user-friendly and visually appealing interface that effectively communicates the House Related services and properties listing..
I made some functions of sorting by city name, by price and also by input of user itself in JavaScript so user can search properties he wish. To elevate the user experience and create a more dynamic website, I incorporated two powerful libraries: GSAP and Locomotive. GSAP, also known as GreenSock Animation Platform, empowered me to seamlessly integrate sophisticated animations, transforming static elements into engaging and interactive components. This approach transformed the website's visual storytelling and user immersion. Locomotive, a specialized scroll-based animation library, allowed me to craft unique scrolling experiences, captivating users as they navigate the website. By strategically combining these libraries with my core front-end development skills, I was able to create a website that not only showcases the Properties for rent, sell, renovate but also fosters a delightful and memorable user experience.