Added motion effects and Animations using Framer-motion #102
Conversation
|
@paramsohal05 is attempting to deploy a commit to the coderuzumaki's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
Hey @paramsohal05 , Thank you for your interest in our project, however I must tell you to raise an issue first, and only once a issue is assigned to you, you should work on it. I can not accept the pull request as of now. I'll be closing this one, for above mentioned reasons, and request you to follow the procedure and also look at the templates for issues and PRs, only the ones with the correct template would be considered. All the Best! |
|
@CoderUzumaki Offcourse, I raised the issue, I was assigned by one of the team member, I worked on it as per issue raised and then finally I created PR. Kindly view the Screenshots as well. I really worked hard and spent much time on each element of the website. So, please consider it or suggest me any other solution for PR. 
|
|
Hey @paramsohal05 , You indeed raised a valid issue, however since it was not mentioned in the PR, I chose to close it. I'll reopen this, and you'll have to edit your PR, to include reference to your issue. Ensure that you use this PR Template. Thank you for your contribution. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
@CoderUzumaki do I need to raise PR again as per PR template ? please confirm. |
|
@paramsohal05 |
@CoderUzumaki I have edited the PR content as per Template. Please merge PR. Thanks once again!. |
|
@CoderUzumaki Kindly merge this PR. |
|
@CoderUzumaki Kindly Merge My PR. I am waiting for long time for it to be merged. |
2 participants
Description
Various kinds of motion effects and animations has been added to various elements such as cards, headings, paragraphs, buttons and sections.
Adding cool animations give a natural behavior to the website and eliminates the robotic behavior.
It contributes to enhance user experience and increases user engagement too.
Fixes #93
Type of Change
Changes Made
Navbar
On page load , the header fall with bouncing behavior,
Mobile Menu: The items in mobile menu opens and exits in a staggering manner (one by one ). In the mobile menu, also fixed one bug. Ideally, menu should disappear after the item has been selected, initially it did not disappear and now it has been solved.
Cards like FAQs:
This website contains various card elements like FAQs and other, they also appears in a staggering way after fixed duration on scroll/ page load/ while in view.
Page sections :
Each page possess multiple sections which jumps up with bouncing on page load or while in view.
Footer 👍
Footer as a page section also jumps up with bouncing and its elements like quick links, support links and social media icons shows staggering behavior.
Improved Code quality:
As staggering behavior only works on the items which are listed through map method, to achieve this I had to change the code like listing all item objects in array and then displaying with map method. I did this for mobile menu navbar, quick links, support links, social media links in the footer.
Several reusable variants are written in motion context file under Context directory.
Checklist
My code follows the project's coding style
[ ] I have added necessary documentation (if any)
[ ] I have not included any sensitive data in this PR
Contributor: @paramsohal05
FullName: Paramjeet Kaur
@CoderUzumaki Thank You Sir for giving a chance to contribute in this wonderful project. Please review and merge my PR.
As I had to work on each single element in the project, and fixed some issues and improved code quality as well. Please increase the level if possible.