Welcome to Groo-Food, a mockup food delivery website inspired by GrabFood crafted in a 24-hour hackathon whirlwind! Witness the power of JS DOM, HTML, and CSS as we whip up a delicious digital experience.
- Browse a mouthwatering list of restaurants
- Explore dynamic menus based on your chosen eatery
- Add your crave-worthy selections to a sleek shopping cart
- Watch the total price groove to the rhythm of your orders
- JavaScript DOM manipulation for dynamic interactions
- HTML for structuring content
- Vanilla CSS for styling, including flexbox, transitions, and pseudo-classes
- Crafted in just 24 hours during a hackathon
- Challenged our JavaScript, HTML, and CSS skills under pressure
- Successfully tackled dynamic menu creation and shopping cart integration
- Organizing nested data structures with JavaScript objects
- Employing event listeners and toggles for dynamic content
- Integrating elements with DOM manipulation
- Styling with vanilla CSS techniques
- Overcoming challenges and adapting designs under time constraints
Huge shoutout to my incredible teammates for their culinary coding skills:
- Nada Adzani - @nadaadzani
- Areza Faza - @arezafaza16
- Clone this repo
- Open the
index.html
file in your browser - Start browsing and bon appétit!
Feel free to explore, contribute, and share your thoughts on Groo-Food! ✨