search

SurajPratap10 / Imagine_AI

The IMAGINE - AI, which is built using the OpenAI API library DALL-E 2, aims to solve the problem of limited creativity and imagination. This is a fully mobile responsive image generator built with Node.js and Express that uses OpenAI's Dall-E models to generate images.
https://imagine-ai-17zf.vercel.app/
MIT License
63 stars 199 forks source link

make Contact us section Functional: Interactive Phone Number and Email Integration #271

Closed Mrprayag077 closed 1 year ago

Mrprayag077 commented 1 year ago

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'footer'
  2. Scroll down to '....'
  3. Click on 'phone number or email'
  4. something should occur like open dial pad or for email the Gmail window should open

Expected behavior

In the footer section of the website, the contact information is currently static and non-functional. To improve user experience and interaction, I propose the implementation of interactive functionality for the phone number and email. This feature will enhance usability by enabling users to easily interact with the contact details based on their device.

**Phone Number Functionality:**

On mobile devices, clicking the phone number will automatically open the dial pad with the number pre-populated for effortless calling.

On desktop devices, clicking the phone number will copy the number along with the contact name to the clipboard, facilitating easy access for users.

**Email Integration:**

Clicking the email address will automatically open a new email window in the default email client, with the sender's email address pre-filled for seamless communication.

AND a few additions like The footer logo-text [Imagine-AI] should be made clickable, redirecting users to the home page. This will provide a seamless and intuitive navigation experience, allowing users to easily return to the main page.

when users submit their information in the "Subscribe to us" section, only a text button is displayed. This can sometimes leave users unsure if their submission was successful or not. To address this, it is recommended to display a proper modal container upon form submission. This container will provide clear and visible feedback, confirming the successful submission and ensuring users are aware that their information has been received.

plz assign this task under the GSSOC-23 program

Screenshots

Screenshot (1201)

Additional context By implementing these interactive features, users will have a more streamlined and convenient way to engage with the contact information, resulting in an improved overall user experience.

SurajPratap10 commented 1 year ago

Assign @Mrprayag077

Mrprayag077 commented 1 year ago

I hope this message finds you well. I wanted to inform you that I have made some significant changes to the project as per the task assigned under the GSSOC-23 program. I have implemented the following improvements: (also improved mobile compatibility)

Subscription Form Feedback:

Phone Number Functionality:

Email Integration:

Footer Logo-Text:

https://github.com/SurajPratap10/Imagine_AI/assets/99162236/857a5480-1682-44db-be45-d012ff385e17

I have recorded a video showcasing these changes for your review. You can access the video. I would like to request permission to submit a pull request to incorporate these changes into the project.

Mrprayag077 commented 1 year ago

@SurajPratap10, could you please review: I have completed the goal Contact us section Functional I would like to create a pull request to merge these updates. Thank you!

Mrprayag077 commented 1 year ago

@SurajPratap10 plz check my changes so i can create a pull request

Mrprayag077 commented 1 year ago

@SurajPratap10, **it has been quite a while since I made the changes. I kindly request you to create a pull request.

Mrprayag077 commented 1 year ago

@SurajPratap10, it has been quite a while since I made the changes. I kindly request you to create a pull request.