Skip to content

codewithshek/Instagram-Data-Pirates-Source-Codes

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
HTML-CSS-JS Frontend Source Codes
HTML-CSS-JS Frontend Source Codes
 
 
Python-Projects
Python-Projects
 
 
README.md
README.md
 
 

Repository files navigation

Front-End and Python Projects Collection

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.

Directory structure

└── 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

Contributing

Contributions are welcome! If you have any improvements or new projects to add, please fork the repository and create a pull request.

Contact

For any questions or suggestions, feel free to reach out to me on:

About

This repository contains source code from my Instagram pages @data._.pirates & @codewithshek, featuring an extensive collection of frontend and Python projects. It includes over 100 HTML/CSS/JavaScript projects and 75+ Python scripts, all carefully organized with complete source files .

Topics

front-end python3 source-code instgram data-pirates

Resources

Readme
Activity

Stars

1 star

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

 
 
 

Contributors

Languages