# Code & Progress: A Development Blog

When I talk about development, I usually get more comfortable talking about **website development** and **app development**. But development is not only about the development of web apps and mobile apps, it refers to the development of desktop applications too.

But in this blog, I am covering the sector of **web development** and **app development.**

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### My some projects

| **App Name** | Live Demo | Description |
| --- | --- | --- |
| Mero Room (mobile application) | [Visit App](https://expo.dev/@rajeshkhadka200/mero_room) [View on GitHub](https://github.com/rajeshkhadka200/mero-room-app) | This is a mobile application that is useful to search for a room or House for rent in your location |
| Easy Blog (web app) | [Visit Website](https://easyblogs.netlify.app/) [View on GitHub](https://github.com/rajeshkhadka200/easy-blog) | It open a source project from where you can easily publish your articles on different blogging platforms at once. ([Read the article on Dev](https://dev.to/rajeshkhadka/introducing-easyblog-for-mongodb-atlas-hackathon-2gbk)) |
| Collab (web app) | [Visit Website](https://collabb-app.netlify.app/) [View on GitHub](https://github.com/rajeshkhadka200/collab) | Collab is a real-time code sync tool where one user can collaborate with any other user to write code at the same time. ([Read the article on Hashnode](https://blog.rajeshkhadka.info.np/meet-my-latest-project-realtime-code-collaboration-tool)) |
| Suryaghat Library | [Visit Website](http://suryaghatlibrary.com/) [View on GitHub](https://github.com/rajeshkhadka200/suryaghat-library) | **Suryaghat Library** is a nonprofit organization established with the motive of providing free online book service to readers through an application and website. |

Feel free to visit my GitHub to see my projects: [Visit](https://github.com/rajeshkhadka200)

### Some Development tips :

1. Write clean, readable code
    
2. Automate repetitive tasks
    
3. Continuously learn and improve your skills
    
4. Collaborate with others
    
5. Test your code thoroughly
    
6. Utilize version control
    

### Building a chrome extension to disable the youtube shorts on the web.

Here in this section of the blog, I am explaining How we can disable the shorts on YouTube web because these shorts are the most distracting videos and time-consuming content which sucks you badly. You scroll down but never end up. So this is the most time-killing content that auto decreases productivity.

So, folks let's disable the youtube shorts programmatically.

1. First set up the <mark>manifest.json</mark> file
    
    ```json
    {
      "name": "reels remover",
      "description": "reels remover is the chrome extension which saves a lot of time by removing the youtube reels.",
      "version": "1.0",
      "manifest_version": 3,
      "content_scripts": [
        {
          "matches": ["https://www.youtube.com/"],
          "js": ["content.js"]
        }
      ]
    }
    ```
    

This is the manifest.json file which is the most essential if you are working on a chrome extension.

1. Set up the content\_script file <mark>content.js</mark>
    
    ```javascript
    document.addEventListener("DOMContentLoaded", function () {
      let elem = document.querySelector(".style-scope ytd-guide-entry-renderer");
      elem.parentNode.removeChild(elem);
    });
    ```
    

This code simply finds the shorts on the tab and removes the element from the DOM.

1. After this, you can simply load these files to chrome to get up and running.
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1675191565743/7189fab9-17d0-4f7d-a145-bfd345761ba9.png align="center")

Make sure that the developer option is always on when you test the extension on your local machine.

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### Wrap up

I had this much to share but we can stay connected on [**Twitter**](https://twitter.com/rajeshkhadka200) for sure. Thanks for bearing be till the point.