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.

Sign up for GitHub

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

Jump to bottom

Form Control - Switch #215

Open
7 tasks
sudhashrestha opened this issue Sep 30, 2024 · 13 comments · May be fixed by #383
Open
7 tasks

Form Control - Switch #215

sudhashrestha opened this issue Sep 30, 2024 · 13 comments · May be fixed by #383
Assignees
@CBID2
Labels
good first issue Good for newcomers hacktoberfest This issue is a part of the Hacktoberfest event

Comments

@sudhashrestha
Copy link
Contributor

sudhashrestha commented Sep 30, 2024 •
edited
Loading

Description

Create the form switch animated component as shown in the video attached below.

Animation Preview

  • Screenshot/Video:
switch-discord.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

  • Create a new animated component that matches the provided design.
  • 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, first check if it has already been claimed. If not, assign yourself to the issue and move it to In Progress on the project board.

Checklist

  • I have read and followed the contributing guidelines.
  • I have developed the component according to the requirements.
  • I have tested the component across different browsers and screen sizes.
  • I have documented the component for future reference.
  • I have submitted a pull request with appropriate labels and referenced this issue number.
@sudhashrestha sudhashrestha converted this from a draft issue Sep 30, 2024
@sudhashrestha sudhashrestha added hacktoberfest This issue is a part of the Hacktoberfest event good first issue Good for newcomers labels Sep 30, 2024
@evgongora
Copy link

Hello my name is Erick! I'm a web development student from Costa Rica starting to make contributions to OSS projects Web3/Web2, I would love to contribute to this project I have experience working with TS/Next.js/React and Tailwind.
You can check my OD profile https://app.onlydust.com/u/evgongora

Looking forward to work on this! :)

@sudhashrestha
Copy link
Contributor Author

Hi @evgongora,

Please feel free to contribute!

Make sure to submit PR after Oct 1 EST to participate in our hacktoberfest challenge: https://animata.design/blog/hacktoberfest-2024

Thank you 🙌

@evgongora
Copy link

Awesome @sudhashrestha I will submit my PR after Oct 1 Est, is there anywhere I can contact you for questions or should I make them here?

@sudhashrestha
Copy link
Contributor Author

sudhashrestha commented Sep 30, 2024 •
edited
Loading

@evgongora you can join our discord or just mention me, whatever works for you.

https://discord.gg/YfvqMf5MTE

@ShivangJSS
Copy link

hello! @sudhashrestha it would be the great experience for me to work over this project so please grant me this issue

@sudhashrestha
Copy link
Contributor Author

Hi @evgongora

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
@webdevNYC
Copy link
Contributor

Hi there,
I'm sorry for the delay. I haven't had much time these weeks. Yes, coincidentally, I worked on the animation yesterday. I was stuck before, but now it's starting to come together. I would like to try to finish it up today and tomorrow, otherwise, I'll be happy to pass it on to someone else. I don't want to hold Animata back. :o)

@evgongora
Copy link

Hello @sudhashrestha! So sorry for the delay and late response I haven't been able to work on it fully and would be better to pass it to someone else, again so sorry for the late response.

Unassigning.

@evgongora evgongora removed their assignment Oct 23, 2024
@sudhashrestha
Copy link
Contributor Author

@evgongora Thanks for letting me know and for unassigning yourself. I really appreciate your interest and hope to see you contribute in the future when the timing is better!

@sudhashrestha
Copy link
Contributor Author

@webdevNYC Thanks for the update! No worries about the delay. If you’re able to finish up the ticket you're working on before the end of October, feel free to keep working on it. Looking forward to seeing what you come up with!

@CBID2
Copy link

CBID2 commented Oct 24, 2024

Can I work on this one instead @sudhashrestha?

@CBID2 CBID2 mentioned this issue Oct 24, 2024
Closed
@sudhashrestha
Copy link
Contributor Author

sudhashrestha commented Oct 24, 2024 •
edited
Loading

@CBID2 Sure, I need to unassign you from the next one then. Let me know if that works for you.

@CBID2
Copy link

CBID2 commented Oct 24, 2024

@CBID2 Sure, I need to unassign you from the next one then. Let me know if that works for you.

Yup that's fine @sudhashrestha

@CBID2 CBID2 linked a pull request Oct 26, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@CBID2 CBID2

Labels
good first issue Good for newcomers hacktoberfest This issue is a part of the Hacktoberfest event
Projects
Animata Hacktoberfest 2024 🚀
Status: In progress
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: add form-control-switch button CBID2/animata
5 participants
@sudhashrestha @webdevNYC @CBID2 @evgongora @ShivangJSS