Web Development References

Following are a list of references you can check if you need suggestions.

SEO

• Here’s an article by CoSchedule to help you get started with promoting you blog/website.
• Check kwfinder for keywords
• Check with Raven tool and ubersuggest for site auditing
• Use Google Search Console for adding sitemaps, insert pages, tracking page visits, etc.

Platforms

These are one of the best platforms in their respective fields to get the job done:

• Codepen- For front end live development, project showcasing and browsing other projects with their codes.
• Glitch- For NodeJs backend development learning and hosting projects.
• Heroku- A freemium platform for hosting front end + back end applications based on NodeJS, Django, PHP etc.
• Runkit- A Jupyter Notebook type platform but for NodeJS
• GitHub- Git/Version Management software to keep all your codes/repositories/projects at one place, a very good place to maintain your development profile.

Frontend Development

Website Template

• https://owaiskhan.me/post/free-tailwindcss-react-ui-kit He has made a react based UI kit prebuilt and free to download.
• https://colorlib.com/ contains various basic website templates.
• https://wpastra.com/starter-templates/?type=free&page-builder=elementor elementor based free WordPress website template.
• https://www.templatesthemes.net/tags/react%20shop/ get free templates for WordPress and react sites.

Animations

Some website to get tips and code to introduce animations in website.

• https://freefrontend.com/css-text-effects/
• https://bootsnipp.com/
• https://mdbootstrap.com/
• https://getbootstrap.com
• https://www.awwwards.com/
• http://www.bestjquery.com/
• https://codemyui.com/
• https://tympanus.net/codrops/

Social Icons

Want to put social media links in various parts parts of the website? These links might help.

• https://codemyui.com/material-design-social-card-animation/
• https://codemyui.com/animated-material-design-button/
• https://bootsnipp.com/snippets/ZX1NE
• https://bootsnipp.com/snippets/featured/animated-3d-social-icon-in-css3
• https://bootsnipp.com/snippets/bxqE2
• https://bootsnipp.com/snippets/prqEG

Menus

• https://codemyui.com/fullscreen-flexbox-overlay-navigation-using/
• https://codemyui.com/toggle-menu-that-slides-from-the-top/
• https://codemyui.com/uber-design-style-hamburger-menu-to-split-screen-navigation/
• https://tympanus.net/Development/MultiboxMenu/
• https://tympanus.net/Blueprints/PageStackNavigation/
• https://tympanus.net/Tutorials/AnimatedContentMenu/
• https://tympanus.net/Development/SlidingBackgroundImageMenu/example5.html/
• https://tympanus.net/Tutorials/SlideDownBoxMenu/
• https://nove.eu/
• https://legsofsteel.eu/
• https://www.awwwards.com/awwwards/collections/menu/
• https://hopdeco.ca/en/
• https://codepen.io/fluxus/pen/gPWvZm/
• https://tympanus.net/Development/MultiboxMenu/
• https://tympanus.net/Blueprints/PageStackNavigation/
• https://nove.eu/
• https://legsofsteel.eu/
• https://www.awwwards.com/awwwards/collections/menu/
• https://hopdeco.ca/en

You can also try introducing mini games in the website like the one here- https://oneiros.co.in/funzone.php

NPM Packages

NLP

• NLP, Text Mining: natural
• NLP NER, PoS: compromise

Machine Learning

• all ML: machine_learning
• Regression: ml-regression
• Decision Tree: ml-cart
• Confusion Matrix: ml-confusion-matrix
• Random Forest: ml-random-forest
• Kmeans clustering: ml-kmeans
• Density clustering: density-clustering
• Neural Networks: Synaptic JS, brain.js, @tensorflow/tfjs

Utility
Mailing: nodemailer