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

Added search bar to the website to search the events #33

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

anubhavxdev
Copy link

@anubhavxdev anubhavxdev commented Dec 30, 2024

Fixes Issue🛠️

Closes #28

Description👨‍💻

A search bar was added to the navigation section of the HTML, featuring an input field and a button for user queries. CSS styles were applied to enhance its appearance, ensuring consistency with the overall design. JavaScript functionality was implemented to filter event cards based on the search input, displaying matching events while hiding non-matching ones. Debugging steps included adding console logs to monitor the search process and checking for JavaScript errors. Testing with static event data was recommended to ensure functionality before integrating with dynamically loaded content, enhancing user experience significantly.

Type of Change📄

  • New feature (non-breaking change which adds functionality)

Checklist✅

  • I am an Open Source contributor
  • I have performed a self-review of my code
  • My code follows the style guidelines of this project
  • I have commented on my code, particularly in hard-to-understand areas

Screenshots/GIF📷

image
image

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @anubhavxdev, Welcome to the project Eventica! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

Copy link

netlify bot commented Dec 30, 2024

Deploy Preview for eventica ready!

Name Link
🔨 Latest commit 7b0dd76
🔍 Latest deploy log https://app.netlify.com/sites/eventica/deploys/6772cb6df1388300084d0df4
😎 Deploy Preview https://deploy-preview-33--eventica.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.

@Rakesh9100
Copy link
Owner

Please make the navbar responsive for every screen, also provide some space between logo and search bar @anubhavxdev

image

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label Dec 31, 2024
@Rakesh9100 Rakesh9100 changed the title added_search_bar_functionality Added search bar to the website to search the events Dec 31, 2024
@Rakesh9100
Copy link
Owner

Are you working @anubhavxdev

@anubhavxdev
Copy link
Author

Yes I am working on it. Will push the code by eve

@Rakesh9100
Copy link
Owner

Will close the PR today if no update @anubhavxdev

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question 🤔 Further information is requested
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature] Add search bar to the website to search the events
2 participants