https://github.com/hamzazaidix/facebook-reactions-animation

Facebook Reactions Animation By React Js
https://github.com/hamzazaidix/facebook-reactions-animation

angry facebook facebook-reactions facebook-reactions-animation framer-motion javascript like reactjs styled-components tailwindcss

Last synced: 2 months ago
JSON representation

Facebook Reactions Animation By React Js

• Host: GitHub
• URL: https://github.com/hamzazaidix/facebook-reactions-animation
• Owner: HamzaZaidiX
• License: mit
• Created: 2022-07-13T21:36:31.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-13T22:27:57.000Z (over 2 years ago)
• Last Synced: 2024-10-04T16:42:42.200Z (4 months ago)
• Topics: angry, facebook, facebook-reactions, facebook-reactions-animation, framer-motion, javascript, like, reactjs, styled-components, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 568 KB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Facebook-Reactions-Animation

Facebook Reaction Animation made with `React JS` and `FramerMotion`. The Reactions are important in Facebook that we use in our daily life if the video we like we give thumbsup 👍 reaction or 😍 reaction. Hope u like this my small project!

## 📸 Screenshots:

![facebook-reaction-animation](https://user-images.githubusercontent.com/52501040/178846659-a093c05d-fc17-4ef3-976c-d1a5c7d32f57.png)

## 🔧 Tools Used:

- React Js

- Framer Motion

- Tailwind CSS Styled Components

- ✌️ Contributing

- Great!, after cloning & setting up the local project you can push the changes to your **Github Fork** and make a **Pull Request**.

## Local Development in your Machine

- Step 1: Clone The Repo

Fork the repository. then `clone the repo` locally by doing -

git clone `https://github.com/HamzaZaidiX/facebook-reaction-animation.git`

- Step 2: Install Dependencies

cd into the directory

`cd facebook-reaction-animation`

`install all the dependencies`

`npm install`

- Step 3: Start Development Server

Then start the `Development Server`

`npm start`

After running the development server the site should be running on `https://localhost:3000`

## Licence

MIT `LICENCE` Read Licence document for more details ->

# Bye! 👋

HOPE U LIKE THIS PROJECT PLEASE! IF YOU ARE USING THIS CODE PLEASE GIVE **HAMZA ZAIDI** Give this Project a ⭐ if you Liked it. Made with ❤️!!! 😃👍💛