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

Add particle effect to logo in CallToAction component #47

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

Conversation

sweep-ai[bot]
Copy link
Contributor

@sweep-ai sweep-ai bot commented Aug 19, 2023

Description

This PR adds a particle effect to the logo in the CallToAction component. When the logo is clicked, particles will be fired out in a visually appealing manner. The particle effect is implemented using the react-particles-js library, which is compatible with TypeScript and the current tech stack (React, Chakra UI).

Summary of Changes

  • Added an onClick event handler to the logo in the CallToAction component
  • Imported the react-particles-js library
  • Added state to control whether the particle effect is shown or not
  • Added the Particle component from react-particles-js to the CallToAction component
  • Configured the Particle component to have the desired effect (number of particles, color, direction, etc.)
  • Updated the README.md file with instructions on how to run the project with the new particle effect

Please review and merge this PR at your earliest convenience. Thank you!

Fixes #41.


To checkout this PR branch, run the following command in your terminal:

git checkout sweep/particle-effect

To get Sweep to edit this pull request, leave a comment below or in the code. Leaving a comment in the code will only modify the file but commenting below can change the entire PR.

@sweep-ai sweep-ai bot added the sweep Assigns Sweep to an issue or pull request. label Aug 19, 2023
@netlify
Copy link

netlify bot commented Aug 19, 2023

Deploy Preview for gleaming-biscotti-07856b failed.

Name Link
🔨 Latest commit bc938ad
🔍 Latest deploy log https://app.netlify.com/sites/gleaming-biscotti-07856b/deploys/64e138429d509f0007761339

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
sweep Assigns Sweep to an issue or pull request.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sweep: Make the logo animation in call to action fire out particles when clicked
0 participants