- Html,DOM
- CSS (Grid,Flex)
- Javascript
- React
- Node.js
- Express
- MongoDB
- Passed Interview
- Experience at your first Job ..
- Done, Congo You're Full Stack Dev Now !!
Web Development Resources(Best)
https://github.com/markodenic/web-development-resources
Repo.. Everything about Full Stack Development..
https://github.com/kamranahmedse/developer-roadmap
Improving Front-end Skills
https://www.instagram.com/p/CSmZCxDFQGM/?utm_medium=copy_link
7-Useful resources for Front-end Developer
https://www.instagram.com/p/CSDy5vzFRZr/?utm_medium=copy_link
List of websites for Web designing ..
https://www.instagram.com/p/CKQwJ8rAMb-/?utm_medium=copy_link
Crazy Useful GitHub Repository's for Software Development ..
https://www.instagram.com/p/CWTXXr1v_Dj/?utm_medium=copy_link
Awesome websites for web developers
https://www.instagram.com/p/CZ4bhY4A2ei/?utm_medium=copy_link
Very Useful Toolkit For Emmet
https://github.com/emmetio/emmet
For every Domain, Awesome Design Patterns
https://github.com/DovAmir/awesome-design-patterns
For icons other than FlatIcons:
https://thenounproject.com
https://www.iconfinder.com
https://freeicons.io
https://icons8.com
https://heroicons.com
https://css.gg
https://remixicon.com
https://akveo.github.io/eva-icons/#
https://www.instagram.com/p/CKmHESpDcUu/?utm_medium=copy_link (More websites)
Animated icons:
https://lordicon.com/
https://www.potlabicons.com/
https://shape.so/
For 3d Icons:
https://vertex.im/
https://3dicons.co/
Cool color palettes:
https://colorhunt.co/
Awesome Fonts other than Google fonts
https://www.fontshare.com/
For photos other than unsplash:
https://pixabay.com/
https://stock.adobe.com/in/
For PNG Images
https://purepng.com/
https://favpng.com/
https://www.cleanpng.com/
https://stickpng.com/
https://pngtree.com/
https://burst.shopify.com/
https://www.pexels.com/
https://pixabay.com/
https://negativespace.photoshelter.com/index
Design templates:
https://uidesigndaily.com/
https://uigarage.net/search/?_sft_platform=web
https://practicedesign.io/explore/designs
https://dribbble.com/shots?color=FCFCFD
https://www.awwwards.com/collections/
https://cssnectar.com/css-gallery/nominees/categories/web-interactive/
Design resources
https://uihut.com/
Illustrations:
https://storytale.io/
https://iconscout.com/
https://www.shapefest.com/
https://drawkit.com/
https://undraw.co/illustrations
https://www.opendoodles.com/
https://www.glazestock.com/
https://www.humaaans.com/
https://icons8.com/illustrations
https://weareskribbl.com/
https://ui8.net/category/illustrations
Mockups (Don't know Mockups visit site :) )
https://placeit.net/?irgwc=1&clickid=0tvRKxRShxyIUbEz6q2WcQCNUkGW2jT1qRwjQM0&iradid=629767&irpid=2440653&iradtype=ONLINE_TRACKING_LINK&irmptype=mediapartner&mp_value1=&utm_campaign=af_impact_radius_2440653&utm_medium=affiliate&utm_source=impact_radius
Custom mockup builder:
https://artboard.studio/
PPT slides templates + Builder
https://app.pitch.com/app/dashboard/8a13812f-ede6-417f-a6c5-b655ffea4abe
Best All-round websites for frontend developer:
https://10015.io/
https://uiverse.io/
https://omatsuri.app/
Useful website to create animations
https://animista.net/
https://keyframes.app/
Shadow Generator for elements
https://shadows.brumm.af/
Css Button Generator
https://www.bestcssbuttongenerator.com/
Css Button Hovering Ideas
https://dev.to/webdeasy/top-20-css-buttons-animations-f41
Resources related to cards https://freefrontend.com
Best Neumorphism Generator
https://neumorphism.io
Best Glassmorphism Generator
https://ui.glass/generator/
Gradient color generator:
https://www.gradientmagic.com/
https://products.ls.graphics/mesh-gradients/
https://www.meshgradients.com/
https://products.ls.graphics/mesh-gradients/
CSS shape divide (Useful)
https://www.shapedivider.app/
https://getwaves.io/
Pure CSS Animated Blobz
https://toruskit.com/tools/blobz/
Cool SVG Pattern Generator(useful)
https://fffuel.co/
Custom SVG Icon animator
https://www.svgator.com/
Cool CSS Loader and spinners
https://codepen.io/vineethtrv/pen/NWxZqMM
Cool Modal animations
https://codepen.io/designcouch/pen/obvKxm
Image Optimizer tools (cleanups, remove bg, relight, image UpScaler)
https://clipdrop.co/#:~:text=Try%20for%20free-,Tools,-Cleanup
AI image Upscaler
https://zyro.com/in/tools/image-upscaler
Lossless Image compressor
https://compressor.io/
Real-time image and video optimizations, transformations, (Useful for large scale projects)
https://imagekit.io/
Flexbox Tutor
https://the-echoplex.net/flexyboxes/
Css grid generator
https://cssgrid-generator.netlify.app/
Css layouts
https://csslayout.io/
Beautiful website template for personal use !!
https://www.instagram.com/p/CYOaNi-FdoR/?utm_medium=copy_link
Online mini Figma (Can design rough website templates)
https://www.mockflow.com/
A team collaborative diagram maker
https://miro.com/aq/ps/diagramming/?device=c&location=9301513
Online website builder
https://graphite.space/
Free Html and Bootstrap Templates:
https://codepen.io/
https://html5up.net/
https://graygrids.com/
https://mobirise.com/
https://freehtml5.co/
https://nicepage.com/
https://tooplate.com/
https://codemyui.com/
https://www.zerotheme.com/
https://uideck.com/
https://themewagon.com/
Every command illustrator
https://explainshell.com/
VS Code Shortcuts ..
- Use fontawesome extension to include icons seamlessly in css
- React icons extension to search and paste icons directly
- Use Google font extension to search and import directly from cmd palettes
https://rapidapi.com/hub ==> All useful API's can be found here
https://dummyapi.io/ ==> A api for everything(real users, fake comments and posts)
https://randomuser.me/ ==> API for fake user data
https://www.sejda.com/developers ==> A API to have pdf tools in your website
Just add pp after youtube in https link