Welcome to the Healthy Meal Order website! This is a front-end web application built using HTML, CSS, and JavaScript. The website offers a clean and responsive design with both dark and light themes, providing a user-friendly experience for ordering healthy meals online.
- Clean and Responsive Design: The website is designed to be user-friendly and accessible on various devices with responsive design techniques.
- Dark/Light Theme: Users can switch between dark and light themes based on their preferences.
- Menu: Browse through a variety of healthy meal options with detailed descriptions and prices.
- Offline Stores: Find information about offline stores near your location where you can purchase meals in person.
- Google Maps Integration: Embedded Google Maps to display the locations of offline stores.
Light Theme
Dark Theme
- Responsive Design: Implementing responsive design techniques to ensure compatibility across different devices and screen sizes.
- Theme Switching: Creating a user-friendly theme switching functionality using CSS and JavaScript.
- Google Maps API: Integrating Google Maps API to display store locations and provide interactive maps.
- HTML/CSS Best Practices: Applying best practices for structuring HTML and styling with CSS for a clean and organized codebase.
- JavaScript DOM Manipulation: Dynamically updating website content and handling user interactions with JavaScript.
You can try out the live demo of the Healthy Meal Order website here.
Contributions are welcome! If you have any suggestions, bug fixes, or new features to add, feel free to open an issue or submit a pull request.
This project is licensed under the MIT LICENSE - see the LICENSE file for details.