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

Events scroll #298

Open
sudhashrestha opened this issue Oct 3, 2024 · 4 comments · May be fixed by #392
Open

Events scroll #298

sudhashrestha opened this issue Oct 3, 2024 · 4 comments · May be fixed by #392
Assignees
Labels
hacktoberfest This issue is a part of the Hacktoberfest event

Comments

@sudhashrestha
Copy link
Contributor

Description

Create the component as shown in the video attached below.

Animation Preview

  • Screenshot/Video:
events-scroll.mov

Note

Please refer to the Animata contributing guidelines available here for rules on how to contribute to the project. Let us know in the comments if you’re working on this issue, and feel free to ask any questions!

Requirements

  1. Create a new animated component that matches the provided design.
  2. Add example usage of the component in the documentation or storybook.

Guidelines & Best Practices

  • Write reusable and clean code following the project’s style guide.
  • The component should be fully customizable. The user should be able to modify props such as duration, easing, color, and size where applicable.
  • Follow the Contributing Guidelines before submitting your pull request.

Important

To ensure more contributors have the opportunity to participate, we kindly request that:

  • Each contributor submits only one pull request related to this issue.
  • If you're interested in working on this issue, please comment below. We will assign the issue on a first-come, first-served basis.

Additional Resources

Posted on X by: https://x.com/OleksandrPlyuto/status/1841781439529926759


Tip

Join our Discord community if you need help or have any questions. We're here to help you get started and guide you through the process. Join now

@sudhashrestha sudhashrestha added the hacktoberfest This issue is a part of the Hacktoberfest event label Oct 3, 2024
@rairohit17
Copy link

Hey @sudhashrestha i want to work on this feature.

@sudhashrestha
Copy link
Contributor Author

Hi @rairohit17

I hope you're doing well! Since it's been a while since this issue was assigned, I wanted to check in and see if you're still planning to work on it. If so, could you kindly share an update by tomorrow?

If I don't hear back by then, I’ll unassign the issue to allow others to take it up.

Thanks for your understanding!

@sudhashrestha sudhashrestha moved this from In progress to Ready in Animata Hacktoberfest 2024 🚀 Oct 23, 2024
@rairohit17
Copy link

Hi! @sudhashrestha Thanks for checking in. I’ve created the component and just need to confirm whether it should be included under Carousel or Feature Cards. Could you please let me know which would be more appropriate?

Also, I’d appreciate any feedback or suggestions for improvements that could be made. Thanks!

Screencast.from.2024-10-24.02-55-29.webm

@sudhashrestha
Copy link
Contributor Author

@rairohit17 Please put this inside Feature Cards. So far, I think it'd look better if you adjusted the shadows a bit and used the card and text as shown in the demo so that it's more meaningful. Please submit your PR so that we can fully review it. Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hacktoberfest This issue is a part of the Hacktoberfest event
Projects
Status: In progress
Development

Successfully merging a pull request may close this issue.

2 participants