-
Notifications
You must be signed in to change notification settings - Fork 21
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #18 from ekekasiemobi/dev
- Loading branch information
Showing
1 changed file
with
73 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
# Contributing to [ALX-DarkMode-project] | ||
|
||
Thank you for considering contributing to [ALX-DarkMode-project]! This file outlines the steps you should take to make a contribution to the project. | ||
|
||
## Getting Started | ||
|
||
Before you start contributing to the project, please make sure you have: | ||
- A GitHub account | ||
- Git installed on your local machine | ||
|
||
## Making Contributions | ||
|
||
Here are the general steps to follow when making contributions: | ||
|
||
1. **Fork the [ALX-DarkMode-project] repository on GitHub**. | ||
2. Clone your fork of the repository onto your local machine | ||
3. Create a new branch for your contribution: `git checkout -b my-branch`. | ||
4. Make changes to the code | ||
5. Test your changes to make sure they work as intended | ||
|
||
To view your changes on the intranet as you make your contribution, follow the guidelines below: | ||
|
||
- Open your browser and go to the ALX intranet. | ||
|
||
- Click on the extension icon on the top right part of your screen. It will display all the extensions you have downloaded on your system. If you don't have the ALX intranet theme selector extension, visit the Chrome extension market, download it, and switch to dark mode by clicking the extension and toggling the **ON** button. | ||
|
||
> **Note:** The following steps require using the ALX intranet theme selector extension. | ||
- Click on the extension icon again and select the three dots on the ALX intranet theme selector extension. This will reveal additional actions when you hover over it. | ||
- Choose "Manage extensions" from the available options. | ||
- Enable developer mode by clicking the toggle switch at the top right part of your screen. This shows three buttons: **Load unpacked**, **Pack extension**, and **Update**. | ||
- Click on **Load unpacked**. | ||
- Select the cloned ALX-DarkMode-project repository. | ||
- A popup will appear at the bottom left part of your screen showing "Extension loading". If this does not happen, repeat the process and ensure you have selected the correct repository. | ||
- Click the back arrow icon close to the ALX intranet theme selector. This will show all the extensions you have on your system, including two theme selectors: one sourced from the Chrome Web Store and the other sourced from your local machine (the cloned version). | ||
- Click on the **Details** button on the extension and scroll down to check the source of the extension. Also, take note of the reload icon on the extension. | ||
|
||
As you now have two extensions working on your system, it is advisable to turn off the extension from the Chrome Web Store and keep the local one enabled to easily track changes in the dark mode. | ||
|
||
- Click on the **OFF** button on the extension to turn it OFF. | ||
- Refresh your browser; you will notice that dark mode has been disabled because you turned it OFF (the one from the Chrome Web Store). | ||
- Click on the Chrome extension icon again. | ||
- Pin the ALX intranet theme selector for easy access. | ||
- Switch to dark mode by clicking the **ON** button. | ||
- Go to your code editor and make your contribution. | ||
- Go to the ALX intranet theme selector and click the reload icon to reload the extension. **Note:** The extension now works locally, so for every change, you will have to reload the extension. | ||
- Refresh your browser, and your changes will appear in dark mode. For each change to reflect, you will have to refresh your browser as well. Everything works locally now. | ||
|
||
Make your changes and commit them: | ||
|
||
- git commit -m 'your changes with a clear commit message in the format:' | ||
- for feature: FEAT/LOGIN ("what you implemented") | ||
- for bug: FIX/bug ("what you fixed") | ||
- Push to the branch: git push origin my-branch. | ||
- Push your changes to your fork of the repository | ||
- Create a pull request on the main [ALX-DarkMode-project] repository | ||
- you can't push direct | ||
|
||
|
||
## Testing | ||
Make sure to test your contributions thoroughly before submitting a pull request. If there are existing tests, run them to make sure your changes don't break anything. | ||
|
||
## Documentation | ||
If you are contributing to documentation, make sure to follow the guidelines for documentation in the project. If there are no specific guidelines provided, make sure your documentation is clear, concise, and easy to understand. | ||
|
||
## Getting Help | ||
If you have any questions or need help with your contribution, feel free to open an issue on the main [ALX-DarkMode-project] repository or reach out to any of the project maintainers. | ||
|
||
## Code of Conduct | ||
By contributing to [ALX-DarkMode-project], you agree to abide by the Code of Conduct of the project. | ||
|
||
## License | ||
By contributing to [ALX-DarkMode-project], you agree that your contributions will be licensed under the same license as the project (unless otherwise specified). |