https://brucechafe.github.io/projectplant/
Project Plant is a website developed for GetCoding's Introduction module. It is designed to provide information about various plants and their details. The project uses basic HTML, CSS, and JavaScript to create a user-friendly experience. Plant data is retrieved from the Perenual API.
To run Project Plant, no special installation steps are required. Simply open the HTML file in a web browser.
Project Plant provides information about different plant species, including common names, scientific names, and details. Users can select specific watering and sunlight preferences to receive plant suggestions. The website is designed to be informative and user-friendly.
- HTML
- CSS
- JavaScript
Project Plant relies on the "Perenual" API for plant information.
- All images used in Project Plant were created with Microsoft's Bing Image Generator.
- Color templates were designed by Chat GPT.
The JavaScript code for Project Plant is organized into several key functions and sections:
getRandomApiKey(): A function to retrieve a random API key from a list of keys.- Variables for API configuration and data storage.
- Event listeners to handle user interactions and button clicks.
- Functions for fetching and filtering plant data from the API.
- Functions for displaying and updating plant details.
- Functions for handling suggestion generation and presentation.
- Functions for pagination and table result display.
For a more detailed understanding of the code, please refer to the JavaScript file itself.
There are currently no known issues or bugs in Project Plant.
The project's roadmap includes:
- Enhancing the user interface and user experience.
- Expanding the plant database.
- Implementing additional features based on user feedback.