This repository contains a collection of over 100 front-end projects using HTML, CSS, and JavaScript, as well as a collection of over 75 Python projects. Each project is organized in its own folder with all necessary files.
└── github.com/codewithshek/instagram-data-pirates-source-codes/
├── README.md
├── HTML-CSS-JS Frontend Source Codes/
│ ├── README.md
│ ├── 3d-flying-paper-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Adidas-Loader-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Am-To-Pm-toggle-switch-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Awesome-Batman-Theme-Button-Using-CSS/
│ │ ├── README.md
│ │ ├── style.css
│ │ └── style.html
│ ├── Awesome-border-animation-using-css-2/
│ │ ├── README.md
│ │ └── border-animation-css.zip
│ ├── Awesome-hover-button-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Border-hover-transitions-using-css/
│ │ ├── README.md
│ │ └── css-border-hover-transitions.zip
│ ├── Box-dog-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Button-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Button-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Button-part-04-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Button-part-07-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Button-part-08-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Buttons-part-06-using-html-css/
│ │ ├── README.md
│ │ └── Buttons.zip
│ ├── COFFEE-MACHINE-ANIMATION-USING-CSS/
│ │ ├── README.md
│ │ ├── code.css
│ │ └── code.html
│ ├── Candle-animation-using-css/
│ │ ├── README.md
│ │ └── candles-pure-css-animation.zip
│ ├── Card-UI-animation-using-css/
│ │ ├── README.md
│ │ └── pure-css-card-ui.zip
│ ├── Cards-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Cards-part-06-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Cards-part-07-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Cards-part-08-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Checkbox-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Checkbox-part-04-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Checkbox-part-07-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Checkbox-part-08-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Chrome-logo-using-html-css/
│ │ ├── README.md
│ │ └── index.html
│ ├── Dot-menu-animation-using-css/
│ │ ├── README.md
│ │ └── dot-menu-animations.zip
│ ├── Facebook-login-form-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── File-uploader-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── File-uploader-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── File-uploader-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Forms-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Forms-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Forms-part-05-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Forms-part-08-using-html-and-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Google-search-bar-using-html-and-css/
│ │ ├── README.md
│ │ ├── style.css
│ │ └── style.html
│ ├── Gradient-Checkbox-Using-CSS/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── H2O---chemical-flask-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── HAPPY-INDEPENDENCE-DAY-india-ANIMATION-2022-using-css/
│ │ ├── README.md
│ │ └── Happy Independence Day 2022-2.zip
│ ├── Handbook-download-animation-using-css/
│ │ ├── README.md
│ │ └── Handbook download animation.zip
│ ├── Happy-diwali-animation-using-css-js/
│ │ ├── README.md
│ │ └── welcome-diwali-anime-js.zip
│ ├── Image-Comparison-Slider-using-css-and-js/
│ │ ├── README.md
│ │ └── image-comparison-slider.zip
│ ├── Image-breaking-animation-using-css/
│ │ ├── README.md
│ │ └── image-breaking-animation.zip
│ ├── Infinite-svg-triangle-fusion-animation-using-css/
│ │ ├── README.md
│ │ └── infinite-svg-triangle-fusion.zip
│ ├── Info-card-animation-using-css/
│ │ ├── README.md
│ │ └── info-cards-concept.zip
│ ├── Inputs-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Inputs-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Inputs-part-06-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Inputs-part-07-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Inputs-part-08-using-html-csss/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Instagram-login-form-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Interactive-inputs-part-01-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Loader-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Loader-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Loader-part-04-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Loader-part-08-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Loading-heartbeat-line-using-css-html/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Material-design-animation-using-css/
│ │ ├── README.md
│ │ └── css-animation-material-design (1).zip
│ ├── Mute-and-unmute-button-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Pac-Man-using-html-and-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── ROCKING-HAND-ANIMATION-USING-CSS/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Radio-button-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Radio-button-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Radio-button-part-05-using-Html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Radio-button-part-06-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Radio-button-part-07-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Saturn-hula-hooping-animation-using-css/
│ │ ├── README.md
│ │ └── pure-css-saturn-hula-hooping.zip
│ ├── Smooth-3d-perspective-slider-using-css-js/
│ │ ├── README.md
│ │ └── smooth-3d-perspective-slider.zip
│ ├── Star-rating-radio-button-part-01-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Steam-logo-loader-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Svg-Motion-Path-cycle-animation-using-css/
│ │ ├── README.md
│ │ └── svg-motion-path.zip
│ ├── Toggle-switch-Part-08-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Toggle-switch-part-02-using-css-/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Toggle-switch-part-03-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Toggle-switch-part-04-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Toggle-switch-part-06-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Toggle-switch-part-07-using-hrml-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Tricky-hover-animation-using-css/
│ │ ├── README.md
│ │ └── tricky-css-hover.zip
│ ├── Typewriter-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Volume-input-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── Whale-and-the-moon-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── bubbles-animation-using-css/
│ │ ├── README.md
│ │ └── pure-css-animated-bubbles.zip
│ ├── cards-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── cards-part-04-using-html-css-js/
│ │ ├── README.md
│ │ ├── index.html
│ │ ├── script.js
│ │ └── style.css
│ ├── cards-part-05-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── cassette-player-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── cat-walking-animation-using-css/
│ │ ├── README.md
│ │ ├── code.css
│ │ └── index.html
│ ├── checkbox-part-02-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── checkbox-part-06-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── cool-layout-animation-using-css-amd-js/
│ │ ├── README.md
│ │ └── cool-layout-with-complex-chainable-animation.zip
│ ├── cool-login-and-register-form-using-css-html/
│ │ ├── README.md
│ │ ├── code.html
│ │ └── style.css
│ ├── css-Forms-part-01/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── css-card-part-01/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── cube-animation-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── header-part-01-using-html-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── indoors-and-outdoors-animation-using-css-and-js/
│ │ ├── README.md
│ │ └── css-animation-indoors-or-outdoors.zip
│ ├── loding-animation-using-css-and-HTML/
│ │ ├── README.md
│ │ ├── code.css
│ │ └── code.html
│ ├── microsoft-login-form-using-html-and-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── motion-blur-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── opening-envelope-using-css/
│ │ ├── README.md
│ │ ├── code.css
│ │ └── code.html
│ ├── pure-css-bug-ecommerce-interactions/
│ │ ├── README.md
│ │ └── pure-css-bug-ecommerce-interactions.zip
│ ├── save-button-wiggle-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── set-of-Cards-animation-using-pure-css/
│ │ ├── README.md
│ │ └── pure-css-set-of-cards-animation.zip
│ ├── simple-border-2-animation-using-css/
│ │ ├── README.md
│ │ └── css-only-border-animation.zip
│ ├── simple-border-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── simple-card-animation-using-css/
│ │ ├── README.md
│ │ └── pure-css-card-animation.zip
│ ├── solar-eclipse-animation-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── spinning-loader-using-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ ├── sponge-animation-using-css/
│ │ ├── README.md
│ │ └── pure-css-sponge.zip
│ ├── submarine-animation-using-pure-css/
│ │ ├── README.md
│ │ ├── index.html
│ │ └── style.css
│ └── time-of-the-day-animation-using-css-js/
│ ├── README.md
│ └── css-animation-time-of-day.zip
└── Python-Projects/
├── README.md
├── Dell_logo.py
├── INDIA MAP.py
├── Indian_flag (1).py
├── Indian_flag.py
├── Ironman_head.py
├── NETFLIX_LOGO.py
├── REPLACING_GREEN_SCREEN.py
├── Snapchat logo.py
├── Speeling_correction.py
├── YouTube audio extract.py
├── YouTube logo.py
├── among_us.py
├── apple_logo.py
├── boat.py
├── browser.py
├── calendar.py
├── caller_id_lookup.py
├── chorme_logo.py
├── cred_logo.py
├── desktop notification.py
├── dog_head.py
├── fake_info.py
├── fb_logo.py
├── google_logo.py
├── gun detection.py
├── heart.py
├── insta_profile.py
├── internet_speed_test.py
├── ip_address.py
├── javascript_logo.py
├── live_Sketch .py
├── password_generation.py
├── png to jpg.py
├── png_to_jpg.py
├── pong.py
├── remove_bg.py
├── screenshot.py
├── shaktiman.py
├── snowman.py
├── spiderman_cartoon.py
├── text_to_handwritting.py
├── tic_tac_toe.py
├── tiktok_logo.py
├── tom and Jerry.py
├── upload_google_drive.py
├── video_to_audio.py
├── voice recorder.py
├── website blocker.py
├── whatsapp_logo.py
├── Android-logo.py/
│ └── Android.py
├── BEN-TEN-WATCH-USING-PYTHON/
│ ├── README.md
│ └── ben ten watch.py
├── Bitcoin-logo-using-python-/
│ ├── README.md
│ └── Bitcoin.py
├── Discord-logo.py/
│ ├── README.md
│ └── discord logo.py
├── Fetch-YouTube-subtitles-with-python/
│ ├── README.md
│ ├── VIDEO ID.py
│ ├── convert subtitles text to pdf.py
│ ├── get video subtitles text.py
│ ├── libraries.py
│ └── video details.py
├── GitHub-logo.py/
│ ├── README.md
│ └── github logo.py
├── Instagram-Filters.py/
│ ├── README.md
│ └── Instagram filter.py
├── Instagram-reel-logo/
│ ├── README.md
│ └── insta reel logo.py
├── Pepsi-logo.py/
│ ├── README.md
│ └── Pepsi logo.py
├── TESLA-logo-using-python/
│ ├── README.md
│ └── TESLA logo.py
├── Twitter-logo/
│ ├── README.md
│ └── Twitter logo.py
├── Vehicle-number-detection.py/
│ ├── README.md
│ ├── Vehicle no. plate detection.py
│ └── haarcascade_russian_plate_number.xml
├── Virtual-pen-and-eraser-using-python/
│ ├── README.md
│ ├── main.py
│ └── penrange.py
├── black-hole-simulation/
│ ├── README.md
│ └── Black hole simulation.py
├── delete-history/
│ └── delete history.py
├── devil-emoji.py/
│ ├── README.md
│ └── devil emoji.py
├── dice-roll-using-python/
│ ├── README.md
│ └── dice roll.py
├── doremon.py/
│ └── doremon.py
├── geeksforgeeks-logo-using-python/
│ ├── README.md
│ └── GFG logo.py
├── google-assistant-logo/
│ ├── README.md
│ └── good assistant logo.py
├── halloween-pumpkin-using-python/
│ ├── README.md
│ └── halloween pumpkin 🎃.py
├── honeycomb-using-python-turtle/
│ ├── README.md
│ └── honeycomb.py
├── ipl.py/
│ └── ipl.py
├── patpentagons-pattern-using-python/
│ ├── README.md
│ └── pentagons pattern.py
├── pikachu.py/
│ └── Pikachu.py
├── send-email-using-python-/
│ ├── README.md
│ ├── send email multiple.py
│ ├── send email single.py
│ └── .gitignore
├── shopping-app-/
│ ├── README.md
│ └── shopping app.py
├── slove-random-cubes.py/
│ └── solve_random_cubes.py
├── snowflake-using-python/
│ ├── README.md
│ └── snowflake.py
└── use-AI-to-write-essays-with-python-/
├── README.md
└── write essays using AI python.py
Contributions are welcome! If you have any improvements or new projects to add, please fork the repository and create a pull request.
For any questions or suggestions, feel free to reach out to me on:
- LinkedIn: https://www.linkedin.com/in/dabhishekyadav/
- Email: d.abhishekyadav2004@gmail.com