Skip to content

michaelehab/Awesome-Chrome-Extensions

 
 

Repository files navigation

Awesome Chrome Extensions

Maintenance PRs Welcome Open Source Love svg1 contributions welcome GitHub issues GitHub forks GitHub stars GitHub License

Do you want awesome chrome extensions ?

Are you looking for some awesome extensions in which each and every project will teach you an important Javascript Concept? and, on top of that, will give you some cool extensions as well?

Do you want to contribute to some Awesome Javascript projects and showcase your Javascript skills through it?🤩

CONGRATULATIONS, YOU'VE FOUND THE RIGHT REPO!!!

Awesome Chrome Extensions contains many awesome extensions, each built using javascript and every extension will teach you some new and important javascript concepts.

Overview

This repository contains custom-built Chrome extension that you can tweak according to your needs and use them in your browsers

Here's an example image of what an extension looks like:

Extension Image (Image taken from Google Chrome's chrome-extensions-samples repository)

How to use these extensions?

If you'd like to use these extensions for yourself, or perhaps use parts of it and modify the rest, here's how you will need to set it up:

  • Clone this repository.
  • Find out the extension that excites you.
  • If you'd like to further customize it or make any other edits to the page, you will likely want to do that in either the popup.html file or the script.js file.
  • Once you've made your desired changes (if any), open Chrome and navigate to chrome://extensions/.
  • Click the toggle in the upper-right corner marker "Developer Mode".
  • You should then see three new buttons towards the top of your screen.
  • Click "Load Unpacked", and then select the folder containing this repository.
  • You can then turn off Developer Mode.
  • Now, when you open up a new tab, you should see the customized page!

The Main Motive of this project is to make you ❎fall ☑️rise in love with Javascript. You will be in love with the beauty of Javascript.

So, What are you waiting for?

Tech-Stack :

HTML5 CSS3 JavaScript

Contribution is fun! 💚

In order to make a hassle-free environment, I implore you all (while contributing) to follow the instructions mentioned below!

Happy Submissions 🙂

Contribution Guidelines🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and make it better. To start contributing, follow the below guidelines:

1. Fork this repository.

2. Clone your forked copy of the project.

git clone https://github.com/<your_user_name>/Awesome-Chrome-Extensions.git

3. Navigate to the project directory 📁 .

cd Awesome-Chrome-Extensions

4. Add a reference(remote) to the original repository.

git remote add upstream https://github.com/ridsuteri/Awesome-Chrome-Extensions.git 

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream main

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perfom your desired changes to the code base.

9. Track your changes:heavy_check_mark: .

git add . 

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests.

13. Add appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. Voila ❗ You have made a PR to the Awesome-Chrome-Extensions 💥 . Wait for your submission to be accepted and your PR to be merged.

For further details, click on CONTRIBUTING.md

Code of Conduct

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Project Admin 😃

Our valuable Contributors👩‍💻👨‍💻 :

Releases

No releases published

Packages

No packages published

Languages

  • HTML 43.8%
  • JavaScript 42.1%
  • CSS 14.1%