Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

✔️ Updated Complete UI Of "Take Out Order" Page! #1387

Merged
merged 2 commits into from
Jul 21, 2024

Conversation

aslams2020
Copy link
Contributor

Hey @khushi-joshi-05 aand @sunny0625
issue closes #1359

I have updated the styling of the "Take out order" page.

Here's What I Did

  1. I Have Completely Changed the UI of the Take out Order page which was totally misaligned earlier.
  2. Added new Favicon to the Page.
  3. Added New Functionality
    - When a user selects an option, detailed information is displayed dynamically below the select box.
    - For "Order Online", it shows the delivery time.
    - For "Takeout Order", it shows the pickup time.
  4. I have made the both the "Payment" Cards more functional by adding hovering effects to it.
  5. Added a new shining hovering effect for both cards
  6. Aligned the "Payment Info" Form Perfectly Organised.
  7. Improved the "Have a coupon" Section with Stylings
  8. Lastly**, I Have Updated the Footer with the New Footer**, which was earlier old.

Here's the Before Video -

TakeOutOrder.Foodie.mp4

Here's the Complete Implementation -

Foodie.Cart.Page.mp4

Type of PR

  • Feature enhancement

Checklist

  • I have gone through the contributing guide
  • I have updated my branch and synced it with project main branch before making this PR
  • I have performed a self-review of my code
  • I have tested the changes thoroughly before submitting this pull request.
  • I have provided relevant issue numbers, screenshots, and videos after making the changes.
  • I have commented my code, particularly in hard-to-understand areas.

Copy link

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copy link

netlify bot commented Jul 19, 2024

Deploy Preview for foodies-ordering-website ready!

Name Link
🔨 Latest commit e1878f3
🔍 Latest deploy log https://app.netlify.com/sites/foodies-ordering-website/deploys/669a64fa0ebc200008ec1816
😎 Deploy Preview https://deploy-preview-1387--foodies-ordering-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@aslams2020
Copy link
Contributor Author

@sunny0625

@khushi-joshi-05 khushi-joshi-05 merged commit e736270 into khushi-joshi-05:main Jul 21, 2024
6 checks passed
@khushi-joshi-05 khushi-joshi-05 added gssoc GSSOC'24 issues level3 labels Jul 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc GSSOC'24 issues level3
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🌟Complete UI Change Of "Take Out Order" Page!
2 participants