My-Resources

Useful

For checking responsiveness on all devices http://ami.responsivedesign.is/
Github docs https://docs.gitlab.com/
Figma https://www.figma.com/ ( For UI and UX design )
Git Lab https://about.gitlab.com/ ( For learning how to use github )
Brilliant a great learning site https://brilliant.org/courses/ ( For full benifits pay 10 per month )
Notion A task managment software https://www.notion.so/desktop
Project managment site https://trello.com/
Shortcut like trello on steroids https://app.shortcut.com/ /
Gamge development https://learn.unity.com/"> ( for beginners )
Mobaxterm Server file viewer https://mobaxterm.mobatek.net
A random word picker if you cant make up your mind on a name or project https://wheelofnames.com/
More explinations for code https://www.w3schools.com/
Another learning platform https://www.udacity.com/
A coding game https://www.codingame.com/start
For designers to post their art work https://www.deviantart.com/
Check if a website is safe or not https://www.virustotal.com/gui/home/upload
Golang https://go.dev/
art portraits for your avatar or real picture https://covatar.com/
For Buisness style vectors https://undraw.co/illustrations
For Buisness style vectors https://www.freepik.com/vectors/business
For Buisness style vectors https://www.streamlinehq.com/illustrations/milano
Herkou Alternative https://www.netlify.com/
Heroku Alternative https://fly.io/
Heroku Alternative https://www.deta.sh/
Herkou Alternative https://qoddi.com/
Herkou Alternative https://www.cyclic.sh/
Hosting Platform for node js sites https://vercel.com/home
A color picker https://colorpicker.fr/
A Free Logo Maker https://www.namecheap.com/logo-maker/
Favicon Generator https://favicon.io/
Another Favicon Generator https://realfavicongenerator.net/
Flaticon https://www.flaticon.com/
More Templates https://material.io/
Pomodoro study app https://app.solidtime.io/
Study helper app https://astrostation.me/
Dev news page for tech stuff https://app.daily.dev/
Dev news page for tech stuff https://dev.to/
Dev news page for tech stuff https://medium.com/

Copyright-free

Free patterns https://www.toptal.com/designers/subtlepatterns/
Free images https://www.pexels.com/
Free images https://unsplash.com/
Free images https://pixabay.com/
Free images https://www.splitshire.com/
Free Stock videos https://coverr.co/
Free Stock videos https://www.videezy.com/
Free Stock videos https://www.lifeofvids.com/
Free Stock videos https://www.videvo.net/stock-video-footage/
Free Stock videos https://sproutvideo.com/
Free Stock Images https://www.stockvault.net/
Free Stock Images https://picjumbo.com/
Free Images https://www.freeimages.com/
Free Images https://www.pikwizard.com/
Free Images https://stocksnap.io/
Free stock music https://www.free-stock-music.com/
Copyright free music for streaming + YT copy right free : https://www.soundstripe.com
Free music https://www.bensound.com/
Free stock music https://mixkit.co/free-stock-music/
Free music https://freemusicarchive.org/
Free vector art https://www.vecteezy.com/
Free images https://www.freepik.com/
Free images https://www.freevectors.net/
Free images https://pngtree.com/free-vectors
Free images https://www.vector4free.com/
Free images https://lukaszadam.com/
Free images https://illlustrations.co/
Free images https://clipartkind.com/
Free images https://www.svgrepo.com/AA
Free images https://growwwkit.com/illustrations/phonies
Free images https://trianglify.io/
Free images https://www.hiclipart.com/
Free images https://storyset.com/
Free images https://www.blackillustrations.com/
Free images https://delesign.com/free-designs/graphics/
Free images https://www.shapedivider.app/
Free images https://smart.servier.com/
Free images svg https://svgwave.in/
Free images https://www.heritagetype.com/pages/free-vintage-illustrations
Free images https://robohash.org/
Free images https://tabbied.com/
Free images https://app.haikei.app/
Free laravel svg packages https://laravel-news.com/laravel-blade-svg-directive
Free laravel svg packages https://www.svgrepo.com/

Streaming

Twitch alerts & Streaming https://streamelements.com/
Copyright Free music for streaming youtube etc https://www.soundstripe.com/ 10/month
Stream Bitrate Set up for OBS https://blog.mobcrush.com/how-to-choose-the-right-bitrate-for-your-stream-9864ce322a9b
For OBS Green Screen https://github.com/nhtua/greencam/ + https://github.com/nhtua/greencam/blob/main/docs/the-easiest-way-to-use-greencam.md
Stream Parrot https://streamparrot.com/ (this is a custom chat overlay for twitch)
For Obs stuff https://github.com/bozbez/win-capture-audio/releases/ watch this video to learn how to separate audio https://www.youtube.com/watch?v=aOrAsQgJvtQ&ab_channel=GamingCareers
Obs add blur effect https://getonstream.com/how-to-add-a-blur-to-obs/
For testing your streams fps https://inspector.twitch.tv/
Learn how to stream: https://streamersquare.com/courses/

Web-Dev

A Road map site https://roadmap.sh/
Udemy https://www.udemy.com/ (A place you can buy cheap course for life)
Dev.to https://dev.to/ (A good place to search for projects)
Laracast https://laracasts.com/ (A Learning site for laravel)
Vue Mastery https://www.vuemastery.com/ (A free learning site for learning Vue js)
Code Accademy https://www.codecademy.com/ (subscription paid learning)
Team Treehouse https://teamtreehouse.com/ (A Monthly Subscription for learning to code)
Coder dojo Full Stack boot camp in 14 weeks https://www.codingdojo.com/online-coding-bootcamp-full-time
For learning javascript effects https://threejs.org/
For web hosting https://www.bluehost.com/web-hosting/signup
Finding code explinations https://developer.mozilla.org/
A bunch of random projects https://www.programcreek.com/
A Web3 learning site https://buildspace.so
For dummy images https://placeimg.com/
Just some Docs https://devdocs.io/
Useful place holder images for mock up sites illustrations https://undraw.co/
For color Gradients https://www.grabient.com
Check list for frontend stuff https://frontendchecklist.io
Template read me site for all your github readme https://readme.so/
Npm name guesser game https://npmpm.com/game
Website components https://uiverse.io/
For Learning php full stack https://laracasts.com/path

Packages

Particles site https://vincentgarreau.com/particles.js/
Particlesjs https://github.com/matteobruni/tsparticles/tree/main/components/react
Particlesjs JSon https://particles.js.org/
Figlet package https://www.npmjs.com/package/figlet for terminal stuff
Tilt package https://www.npmjs.com/package/matrix-rain
Matrix package https://www.npmjs.com/package/matrix-rain
Particles site https://vincentgarreau.com/particles.js/
Particlesjs https://github.com/matteobruni/tsparticles/tree/main/components/react
Particlesjs JSon https://particles.js.org/
Figlet package https://www.npmjs.com/package/figlet for terminal stuff
Tilt package https://www.npmjs.com/package/matrix-rain
Matrix package https://www.npmjs.com/package/matrix-rain

Online-Editors

For learning tailwindCSS https://play.tailwindcss.com/
Replit a online Browser text editor https://replit.com/
Codeply HTML - CSS & Js Editor https://www.codeply.com/
Code Sand box A browser text editor https://codesandbox.io/
Code pen another browser playground https://codepen.io/
A playground for practicing js https://jsbin.com/
A easy paste bin for code https://pastebin.com/

Learning

For practicing your code https://www.hackerrank.com/
A Compeditive way to learn code with challeneges https://www.codewars.com/
Another website for learning js https://www.learn-js.org/
Algo expert for practing job interview questiions https://www.algoexpert.io/
For Practicing code https://leetcode.com/
Another Practice Site https://www.sololearn.com/home
Free code camp https://www.freecodecamp.org/
CodeSignal https://app.codesignal.com/
Frontend mentor https://www.frontendmentor.io/challenges

Html

Html image stuff https://htmlreference.io/element/source
More explinations for code https://www.w3schools.com/
A HTML Learning Site https://htmlg.com/html-editor/
The Odin project (A free Website learning course) https://www.theodinproject.com/
Learn html css and js https://frontendmasters.com/bootcamp/
Free templates for all frame works https://www.creative-tim.com/

CSS

A color picker https://colorpicker.fr/
CSS Tailwind CSS https://tailwindcss.com/
Css Tricks https://css-tricks.com/
Some CSS reources https://medium.com/level-up-web/100-css-resources-for-web-designers-and-developers-c060bed7a362
More resources https://www.smashingmagazine.com/2006/09/list-of-css-tools
Css angles https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms/
CSS Shapes https://bennettfeely.com/clippy/
CSS Gradient https://cssgradient.io/
CSS BUTTON Generator https://www.bestcssbuttongenerator.com/
CSS Hex Color Picker https://hexcolorcodes.org/
CSS Image color picker https://image-color.com/
CSS Grid https://grid.malven.co/
CSS Grid https://css-tricks.com/snippets/css/complete-guide-grid/
CSS Animate https://animate.style/
CSS magic https://www.minimamente.com/project/magic/
CSS Shake https://elrumordelaluz.github.io/csshake/
CSS Zdog https://zzz.dog/
CSS Hover https://ianlunn.github.io/Hover/
CSS Hamburgers https://jonsuh.com/hamburgers/
CSS Generators https://denic.hashnode.dev/css-generators
CSS Shadows https://shadows.brumm.af/
CSS Soft UI https://neumorphism.io/#e0e0e0
A CSS battle game https://cssbattle.dev/
A CSS Glitch Effect https://freefrontend.com/css-text-glitch-effects/
A Code pen glitch effect https://codepen.io/cipherbeta/pen/YLdVjw
Grid notes https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
Css Glitch effect https://css-tricks.com/glitch-effect-text-images-svg/
CSS Type Wrighter effect https://css-tricks.com/snippets/css/typewriter-effect/

Javascript

Slide show in js https://www.c-sharpcorner.com/article/creating-an-image-slider-using-javascript-html-and-css-only/
High Proformance animations https://greensock.com/
Nice js animations https://github.com/alexfoxy/lax.js
Relax js https://github.com/dixonandmoe/rellax
ThreeJS https://threejs.org/ (3D library for js)
ThreeJS Journey https://threejs-journey.com/#
Wow js https://wowjs.uk/
Animate on scroll https://michalsnik.github.io/aos/
Tilt js https://gijsroge.github.io/tilt.js/
Annotate js https://roughnotation.com/
Particles js https://vincentgarreau.com/particles.js/
Mojs https://mojs.github.io/
Light box js https://lokeshdhakar.com/projects/lightbox2/
Another slide show effect https://kenwheeler.github.io/slick/
Barba js https://barba.js.org/
Locomotive js https://locomotivemtl.github.io/locomotive-scroll/
Owl https://owlcarousel2.github.io/OwlCarousel2/
Swipe cards js https://swiperjs.com/
Splide js https://splidejs.com/
Parallax js https://simpleparallax.com/
Kute js https://thednp.github.io/kute.js/
granim js https://sarcadass.github.io/granim.js/index.html
Popmotion js https://popmotion.io/
Vivus js https://maxwellito.github.io/vivus/
Typed js https://mattboldt.com/demos/typed-js/
Progress bar js https://kimmobrunfeldt.github.io/progressbar.js/
Js Game Libraries https://github.com/collections/javascript-game-engines
thejsway chapter-06 https://github.com/thejsway/thejsway/blob/master/manuscript/chapter06.md
thejsway chapter-07 https://github.com/thejsway/thejsway/blob/master/manuscript/chapter07.md
Array Methods https://javascript.info/array-methods
30 Day Vanilla JS Coding Challenge https://javascript30.com/
Interiajs https://inertiajs.com/
Jeststream Laravel https://jetstream.laravel.com/introduction.html
livewire https://livewire.laravel.com/
Alpine js https://alpinejs.dev/

Ui

Tailwind Components https://tailwindui.com/
Creative tim Components https://www.creative-tim.com
TailGrids Components https://tailgrids.com/
Flowbite components https://flowbite.com/blocks/
Material Tailwind https://www.material-tailwind.com/
Prime UI for vue https://primevue.org/
Headless Ui https://headlessui.com/

Ai

Ai text generator https://chat.openai.com/
Ai text generator https://www.copy.ai/
Ai Art Generator https://www.midjourney.com/
Ai Art Paid Generator https://www.facetuneapp.com/
Ai humanizer generator https://www.kipper.ai/
Ai Lecture recorder and note taker https://unstuckstudy.com/
Ai Resume / cv generator https://resuai.io/

Other

Best free Sources https://factual-bestseller-9e9.notion.site/Best-Free-Source-Websites-List-Ever-52b743defb9f4beda21d5d02f6f92c1c
Promtps + Resources https://enchanting-trader-463.notion.site/Full-ChatGPT-Prompts-Resources-8aa78bb226b7467ab59b70d2b27042e9
A Handy read me profile generator for your github profile page https://rahuldkjain.github.io/gh-profile-readme-generator/
Learn more about commit messages https://gist.github.com/robertpainsi/b632364184e70900af4ab688decf6f53
How to write better commits https://www.freecodecamp.org/news/how-to-write-better-git-commit-messages/
learn how discord bots work https://www.writebots.com/
A free photo editor https://www.inpixio.com/free-photo-editor/
Anijs https://anijs.github.io/
Sequenece js https://www.sequencejs.com/
Motion Ui https://zurb.com/playground/motion-ui
Keyframes app https://keyframes.app/
SVG https://svgartista.net/
Jh3y https://github.com/jh3y/whirl
AnimXYZ https://animxyz.com/
For avoiding discord art scammers lol -> https://www.canva.com/
For Ai Generated thumbnails https://thumbnailtest.com/ (Monthly Paments )
A Tool to Auto Upload your videos https://clipbot.tv/ (Monthly Paments )

Cyber-Security

Cyber-Security
Null Byte also on youtube great tutorials https://null-byte.wonderhowto.com/
If you want to learn the basics of I.T https://tryhackme.com ( For full benifits pay 10 per month )
For more advanced hacking https://app.hackthebox.eu/
For bugbounty hiring https://hackerone.com/
Black Arch Linux Distro https://blackarch.org/
Hack this site https://www.hackthissite.org/
A list of Hackers and twitch streamers https://hacklistx.github.io/
Info sec hack list https://infosecstreams.github.io/
More hacking resources https://inventory.raw.pm/resources.html
Hacking Challenges https://potatopla.net/crypto/

Jobs

Jobs are in the works

Freelancing

Freelancing is in the works

Version Control & Collaboration

Version Control & Collaboration is in the works

DevOps & CI/CD

DevOps & CI/CD is in the works

Cloud & Hosting

Cloud & Hosting is in the works

APIs & Backend

APIs & Backend is in the works

Databases & Storage

Databases & Storage is in the works

Testing Q & A

Testing & QA is in the works

Monitoring & Performance

Monitoring & Performanceis in the works

Terminal & Shell Tools

Terminal & Shell Tools is in the works

Documentation & Writing

Documentation & Writing is in the works

Design & Prototyping

Design & Prototyping is in the works

Accessibility & Internationalization

Accessibility & Internationalization is in the works

Mobile & Desktop

Mobile & Desktop is in the works

Game Dev & Media

Game Dev & Media is in the works

⭐ This Repo!

Coming Soon: Full Web App Experience!

Table of Context!

Library of links!