/MyBookMarks

Just a Markdown file of some cool repos I like so I can clean up my github

MyBookMarks

Just a Markdown file of some cool repos I like so I can clean up my github.

🌟 If you find it helpfull, please give it a star 🌟

React/ Javascript

  • Firebase Web Snippets- This repository holds code snippets used in Web documentation on firebase.google.com. These snippets are part of our documentation and best read in the context of a documentation page rather than used directly. If you're looking to get started with the Firebase Web SDK the best place to start is quickstart-js.
  • Payloads All The Things- A list of useful payloads and bypasses for Web Application Security. Feel free to improve with your payloads and techniques!
  • Chat-Stream-with-Firebase- This is a live chat application
  • Realtime Web Chatapp- This is a simple Realtime Chat app using Firebase. Here you can chat with anyone without Login or SignUP. It helps you to meet new people and make new friends.
  • learn-typescript- this is a repo containing typescript learning journey. Contains everything you need to know from beginner to expert.
  • Chat With Flutter And Firebase- A full stack real time chatting app with Flutter and Firebase CRUD operaions.

Styles and features

  • parallax.js- Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.
  • Rellax- Rellax is a buttery smooth, super lightweight, vanilla javascript parallax library. Update: Rellax now works on mobile (v1.0.0).
  • Hover.css- A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
  • React-Bootstrap- React-Bootstrap is compatible with various versions of Bootstrap. As such, you need to ensure you are using the correct combination of versions.
  • React-Motion- For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API.
  • Lottie for Web, Android, iOS, React Native, and Windows- Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile! For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating it by hand. They say a picture is worth 1,000 words so here are 13,000:
  • Awesome Illustrations 4 Projects- Improve your projects using these awesome illustrations.
  • Mo.js- mo Β· js is a javascript motion graphics library that is a fast, retina ready, modular and open source. In comparison to other libraries, it has a different syntax and code animation structure approach. The declarative API provides you a complete control over the animation, making it customizable with ease.
  • svg-mesh-3d- A high-level module to convert a SVG string into a 3D triangulated mesh. Best suited for silhouettes, like font icon SVGs.
  • Flat Surface Shader [FSS]- Simple, lightweight Flat Surface Shader written in JavaScript for rendering lit Triangles to a number of contexts. Currently there is support for WebGL, Canvas 2D and SVG.

BookMarks of BookMark Repos

  • Best-websites-a-programmer-should-visit- Some useful websites for programmers. When learning CS, there are some useful sites you must know to get always informed to do your technologies even better and learn new things. Here is a non-exhaustive list of some sites you should visit. This list will get updated as soon as I can get another link, but you can also contribute by adding those you know πŸ˜‰
  • the-book-of-secret-knowledge- This repository is a collection of various materials and tools that I use every day in my work. It contains a lot of useful information gathered in one piece. It is an invaluable source of knowledge for me that I often look back on.
  • design-resources-for-developers- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more
  • Get FREE Student Offers List!- A Collection Of All Free Student Offers & Discount while you are a student.
  • 100+ Free resources for learning Full Stack Web Development.- Hello! I created this list and am constantly updating it with new resources, information, and news. If you want to stay updated on the newest trends, tutorials, and articles in the Web Development world, please subscribe to the once-weekly newsletter!

Learning Platforms/ Education

  • CODINGSPACE- CodingSpace is the platform where we aim to provide lots of different real-world UI-based challenges that can help developers to improve their web development skills.
  • In Pursuits of Full Stack Development with JS- A to-do list for preparing to be a Full Stack JS Developer
  • Learn-Earn-in-WEB3- As we all know that the blockchain is the most rated , in demand technology.So for this am planning to list all the website/organization which help's beginner to learn blockchain πŸ˜„ with earning Anyone can upskill their knowledge ,showcase your project ,skill and learn more. Most important thing is that you will also get job(full time / intern) on the basis of your skill,project and performance. So what are you waiting for Go and sign up , β™₯️ Welcome to learn with earn process, enjoy the path 🀟

Python

  • Cool-Scripts-Python-Nerds- A curated collection of awesome Python scripts from basic to advance with automation task scripts. This is the project from which you can learn that how to contribute a open source contest and specially during in Open source contest as a Pythonerd.
  • Static-Websites-with-Frozen-Flask

HTML & CSS

  • reveal.js- reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free. Check out the live demo at revealjs.com.
  • CSS Layout- Being a front-end engineer, I have to deal with a lot of layouts and components. There are a lot of CSS frameworks out there that provide popular layouts/components but I usually don't want to include all of them in my project. So I collect most popular layouts and components that can be built with pure CSS. They are powered by modern CSS features such as flexbox and grid. They are great starting points to be picked and customized easily for each specific need. By composing them, you can have any possible layout that exists in the real life.

Games on GitHub

  • Games on GitHub- Below is a list of open source games and game-related projects that can be found on GitHub - old school text adventures, educational games, 8-bit platform games, browser-based games, indie games, GameJam projects, add-ons/maps/hacks/plugins for commercial games, libraries, frameworks, engines, you name it.
  • untitled-dice- Untitled Dice is a bare-bones bitcoin dice casino built on top of the Moneypot.com gambling API that lets anyone run their own dice site by forking this project.
  • Lucifier129.github.io- This test is designed to explore the processing capabilities of browsers. Picture Puzzle game

Hosting

Markdown

  • markdown emoji- Complete list of github markdown emoji markup
  • GitHub Profile 3D Contrib.- This GitHub Action creates a GitHub contribution calendar on a 3D profile image wit hmultiple styles to chose from.
  • emoji-cheat-sheet- This cheat sheet is automatically generated from GitHub Emoji API and Unicode Full Emoji List.
  • Awesome GitHub Profile README- A curated list of awesome GitHub Profile READMEs πŸ“ with alist of the tools used to make these READMEs
  • Don't just be a forkerπŸ”±...Hit that 𝗦𝗧𝗔π—₯- Don't just be a forkerπŸ”±...Hit that 𝗦𝗧𝗔π—₯ ⭐...........( Ν‘Β° ΝœΚ– Ν‘Β°)-︻デ┳═ー - - - - - - - - - - - - - - -πŸ’₯Β¦Μ΅Μ± Μ΅Μ± Μ΅Μ± Μ΅Μ± Μ΅Μ±(Μ’ Μ‘Μ…Ν‡β””Μ…Ν‡β”˜Ν‡Μ… (β–€8Χ›βˆ’β—¦........A cool profile ℝ𝔼𝔸𝔻𝕄𝔼 markdown to sample and create your own. β’Ίβ’Άβ“ˆβ“Ž descriptive layout in editor with links to all πŸ„΅πŸ…΄πŸ„°πŸ†ƒπŸ…„πŸ†πŸ„΄πŸ†‚ . Readme chessβ™ŸοΈ ◉═╬::::::::::::::::::::::::::::::::::::β«Έβ™š β™› β™œ ♝ β™ž β–“β–’β–‘πŸ”΄Connect DotπŸŸ‘β–‘β€¦

Good Repos for Begginers

Cool Portfolios

  • #anuraghazra- My Portfolio Site | Made With @gatsbyjs
  • Awesome Portfolio Websites- A community maintained open source project aimed at making a personal portfolio for researchers, developers, and analysts simple, fast, and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors.

Neat Things I found that might be usefull someday

  • WaveDrom editor- WaveDromEditor is real-time editor of digital timing diagrams based on WaveDrom engine and WaveJSON format.

4-Leafs-Code Repos

  • Maine Prisoner Reentry Resources- OPEN SOURCE, Help Wanted: A Networking site build for the reentry advocates of Maine. I've had alot of awesome people from around the world pitch in and help me make this site for a great cause. It's fun colaborating with like minded people while learning and teaching at the same time. Come take a look...
  • 4-Leafs-Pet- OPEN SOURCE: This virtual pet was my final project for Spring22 MIT 6.0001 Course. (MVP). I've donated this game to the community for them to play with, pass it around, have some fun togather doing what we love! Do what you like, what ever makes you happy!
  • 4-Leafs-Code.github.io- My personal profile

Make Money Online and Freelancing sites