devdisplay / DevDisplay

DevDisplay is a global open source community platform that brings together all your tech needs in one place. 🌟 Join DevDisplay to Showcase your skills, connect globally, collaborate, build and promote.
https://www.devdisplay.org
MIT License
146 stars 290 forks source link

Added the Voice search functionality #458

Closed Sambashivarao-Boyina closed 4 weeks ago

Sambashivarao-Boyina commented 1 month ago

Description

I have implement the Voice Search functionality to the website search box. it is works for all search criteria.
This is the issue I have raised in search box #432

When user click the mic icon a pop will open it will take the voice from the user and the pop is support the dark theme. and It is compatible with all screen it follows the website colour schema.

Related Issues

It doesn't have any issues right now. I have tested all screen sizes. And it is working properly

Changes Proposed

I have implemented the voice search it take the voice from the user and convert it into text palace it in search box.

Checklist

Screenshots

Screenshot from 2024-10-27 17-54-14

A pop-up will open when the user clicks on the mic icon on the search box.

Screenshot from 2024-10-27 17-54-39

In Dark theme

Screenshot from 2024-10-27 17-54-46

Note to reviewers

This is the issue I have raised in Issue Box #432. Please review this code and tell me if there are and changes needed. It is okay please merge this code, also add the me labels of gssoc-ext , hacktoberfest2024,

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
devdisplay βœ… Ready (Inspect) Visit Preview πŸ’¬ Add feedback Oct 27, 2024 0:39am
netlify[bot] commented 1 month ago

Deploy Preview for devdisplay failed.

Name Link
Latest commit e639e7a5472dd07580435971544a51c2edfb37d3
Latest deploy log https://app.netlify.com/sites/devdisplay/deploys/671e345db38dbb0007536076
codeaashu commented 4 weeks ago

Well done @Sambashivarao-Boyina 🌟 great work!

We're inviting you to join the Development team of DevDisplay. https://chat.whatsapp.com/Dcl21sgGDIpHURESSuH0p4

After joining introduce you in with your tech skills. Our team will contact you after that.

Sambashivarao-Boyina commented 4 weeks ago

Thank you so much sir.