https://github.com/vishalyv252/responsive-recipe-page

Hi, I created this website using Angular concepts such as One-Way Data Binding. In Tailwind, I styled the layout using Flex Layout. I have attached the live website below it. So kindly check it.
https://github.com/vishalyv252/responsive-recipe-page

angular tailwind-css

Last synced: 6 months ago
JSON representation

Hi, I created this website using Angular concepts such as One-Way Data Binding. In Tailwind, I styled the layout using Flex Layout. I have attached the live website below it. So kindly check it.

• Host: GitHub
• URL: https://github.com/vishalyv252/responsive-recipe-page
• Owner: vishalyv252
• Created: 2024-08-18T16:23:47.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-18T16:41:45.000Z (almost 2 years ago)
• Last Synced: 2025-04-08T00:41:27.364Z (over 1 year ago)
• Topics: angular, tailwind-css
• Language: HTML
• Homepage: https://responsive-recipe-page-yv.netlify.app/
• Size: 828 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Description:-

This project was generated using Angular version 18.1.1, with the layout styled using Tailwind CSS. It focuses on creating a responsive design for a Recipe Page component. I practiced one-way data binding, using string interpolation for the dish name and dish description and property binding for the dish image. I have also attached live website at the main description of this repository.

# Screen Shots:-

1). Desktop Design:-

![desktop-design](https://github.com/user-attachments/assets/d9d65b80-cb6c-48fe-baad-9afe0fd5a1c6)

2). Mobile Design:-

![mobile-design](https://github.com/user-attachments/assets/0aba59d9-6ba9-46f9-a555-72238452f7e4)