DEV Community
Follow
Day 66 of Learning MERN Stack
The developer is on day 66 of a 100-day full-stack engineering challenge, focusing on building a transactional user experience. Today's advancements include engineering a dynamic property details page with live booking call-to-action triggers and scalable review components. A key feature created is an interactive reservation component that calculates prices in real-time based on dates and guest counts. Clicking the "Reserve" button triggers the payment pipeline, sending necessary data to the billing gateway. Additionally, a modular and responsive grid-based system for displaying user reviews was implemented, featuring user details and truncated comments with a "Show more" option. The project has evolved significantly from using flat JSON files to employing SQL databases and now utilizes MongoDB with Mongoose for robust data storage. Tomorrow, the developer plans to finalize the payment screen interface and enable users to submit new reviews. The developer is also seeking community input on price calculation strategies for booking engines, specifically whether to handle them on the frontend or backend. The project's complete architecture is available on GitHub.
