Frontends Projects - Social Media Pop Up Animation
Project: Social Media Pop Up Animation
Stack: HTML & CSS
Level: Beginner
Demo : Demo
Tutorial : Tutorialurl
Project Brief
In this tutorial we’re going to learn how to create animated pop up icon using only html and css
Building project
Before building project init your project as a public repo
📌 (creating a repo will make it easier to share code with us if you need help)
Create new public repo on github
- Go to github.com create account or sign in
- Create new git repo
Initialize Git from scratch
- Go into the your local system directory using git bash
- Type
git init
init project - Type
git add .
add all files - Type
git commit -m "message here"
git commmit message
Deploy your project on any one of them
- Github pages
- Netlify
- Vercel
- Heroku
- Other
Guide for building project
- First try yourself (attempt to code yourself, use your creativity )
- Get help from tutorial and solution (If you stuck anywhere, try looking through the tutorial and final solution and then code)
- a) Follow along tutorial (start building along with following tutorial)
- b) Follow prewritten instruction (we already provided prewritten files for more clarity)
Got feedback for us?
We love receiving feedback! We're always looking to know which types of project should we add more. So if you have anything you'd like to mention, please email at frontendsprojects@gmail.com
This project is completely free. Please share it with anyone who will find it useful for practice. Have fun building! 🚀