Eco Beach City : Interactive Map Booking
About "Eco Beach City"
EcoBeachCity is a website dedicated to promoting sustainable living and eco-friendly practices within coastal communities. The website serves as a comprehensive resource hub, providing information, tips, and solutions for individuals, businesses, and local governments to reduce their environmental impact and preserve coastal ecosystems. Through engaging content and interactive features, EcoBeachCity educates visitors on various aspects of sustainability, such as renewable energy, waste reduction, water conservation, and wildlife preservation.
The website offers practical advice on adopting green habits, including eco-friendly travel tips, sustainable home practices, and suggestions for supporting local eco-conscious businesses.Additionally, EcoBeachCity serves as a platform for community engagement, facilitating discussions and collaborations among like-minded individuals and organizations. Users can participate in forums, share success stories, and exchange ideas to collectively work towards building more sustainable beachside communities.
Challenges:
- Problems encountered such as how to convert vector images into points/plots that can be booked.
- A vector map image with a large enough resolution = a large size too.
- The flexibility to do experiments that are not too big because it uses the WordPress CMS (not from scratch).
Solutions:
- Fixing for each plot where it is a box for property plots and some zoning that follows the property area according to the property type/cluster.
- The process of loading & optimizing images is carried out in stages from the lowest resolution to the optimal resolution, this is done to speed up page loading and avoid plot images in the form of placeholders and not reduce image quality (compress image size).
- Create a new page with a special subdomain that is made with a similar website style (header & footer) supported by Laravel so that the plot booking process can run more smoothly.
Tech stack:
Front-end: React, TypeScript, Tailwind
Back-end: Laravel, PHP
Summary:
Prospective property buyers from EBC find booking and checking which plots are still available more straightforward. Booking plots are supported by integrating payment gateways for the down payment to simplify the transaction process and increase the success rate of property purchases by shortening the transaction time rather than using conventional methods.
EBC will also carry out a second phase update to make the booking process more massive & complex.
