🌱 This project aims to replicate the pricing page of Bonsai, a software company, to gain experience with Toggle Switches, Accordions, and Dropdown menus. The goal is to understand how these UI components work and interact with JavaScript. Although the landing page has been completed, ongoing maintenance is being performed to fix bugs and make it a complete clone of Bonsai's pricing page.
This project is implemented using the following technologies:
- HTML
- CSS
- JavaScript
Ensure you have the following software installed on your system:
Node.js - Node.js is used for running the development environment and server.
To run this project locally, follow these steps:
Clone the repository:
git clone https://github.com/Ciamuthama/bonsai-clone.git
Navigate to the project directory:
cd bonsai-clone
After cloning the repository and navigating to the project directory, open the index.html file in your web browser to view the replica of Bonsai's pricing page. Explore the different interactive components such as Toggle Switches, Accordions, and Dropdown menus to get a feel for their functionality.
Feel free to customize and modify the code to suit your needs. You can also contribute to this project by following the guidelines in the Contributing section.
Creating this project presented several challenges, especially for a first-time endeavor with Toggle Switches, Accordions, and Dropdowns, as well as implementing JavaScript interactivity. The pricing layout required careful structuring, and making the page responsive was also a significant hurdle. Thankfully, I was able to overcome these challenges with the support of online resources and problem-solving skills.
I want to express my gratitude to the developers who have shared their knowledge and expertise online. Without their valuable resources, completing this project would not have been possible.
Feel free to explore the code, make improvements, and use this project to enhance your skills in web development. If you encounter any issues or have suggestions, please don't hesitate to raise an issue or submit a pull request. Happy coding! 😊