Skip to content

Saad200724/SafeGuard-FB

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ›‘οΈ SafeGuard - No Distraction Facebook

Take control of your Facebook experience by blocking distractions like Reels, Stories, Ads, and more.

Version License

Developer's Portfolio: Saad Bin Tofayel Tahsin


✨ Features

  • 🎬 Block Reels - Remove Facebook Reels from your feed
  • πŸ“– Block Stories - Hide the Stories section completely
  • πŸ“° Hide Home Feed - Focus mode - hide news feed entirely
  • 🚫 Block FB Ads - Remove all sponsored content and advertisements
  • πŸ”” Hide Notification Badges (Beta) - Remove distracting red notification dots

πŸš€ Quick Installation (3 Steps)

Step 1: Download

Click the green "Code" button above β†’ "Download ZIP" image

Step 2: Unzip

Extract the downloaded ZIP file to a folder

Step 3: Install in Chrome

  1. Open Chrome and go to chrome://extensions/
  2. Enable "Developer mode" (toggle in top right corner)
  3. Click "Load unpacked"
  4. Select the extracted SafeGuard folder
  5. BOOM! πŸ’₯ Extension installed!

🎯 How to Use

image
  1. Click the SafeGuard icon πŸ›‘οΈ in your browser toolbar
  2. Toggle features on/off as you need
  3. Settings save automatically
  4. Refresh Facebook and enjoy distraction-free browsing! ✨

πŸ“Έ Screenshots

Extension Popup

Coming soon

Before & After

Coming soon


🌐 Browser Support

Browser Supported Instructions
Chrome βœ… Yes Follow steps above
Edge βœ… Yes Go to edge://extensions/
Brave βœ… Yes Go to brave://extensions/
Firefox ⏳ Coming Soon -

πŸ“ File Structure

SafeGuard/
β”œβ”€β”€ manifest.json          # Extension configuration
β”œβ”€β”€ popup.html            # Popup interface
β”œβ”€β”€ popup.css             # Popup styling
β”œβ”€β”€ popup.js              # Popup functionality
β”œβ”€β”€ content.js            # Facebook content blocker
β”œβ”€β”€ content.css           # Content styling
β”œβ”€β”€ icons/                # Extension icons
β”‚   β”œβ”€β”€ icon16.png
β”‚   β”œβ”€β”€ icon48.png
β”‚   └── icon128.png
└── README.md             # Documentation

πŸ”§ Troubleshooting

Extension not working?

  • βœ… Make sure you're on facebook.com
  • βœ… Try refreshing the Facebook page (F5)
  • βœ… Check if extension is enabled in chrome://extensions/

Toggles not saving?

  • βœ… Make sure the extension has proper permissions
  • βœ… Try disabling and re-enabling the extension

Some elements still showing?

  • Facebook updates their code frequently
  • The extension may need updates to match new selectors
  • Report issues on GitHub!

πŸ”’ Privacy

SafeGuard is 100% privacy-focused:

  • βœ… No data collection
  • βœ… No tracking
  • βœ… No analytics
  • βœ… Everything runs locally on your device
  • βœ… Settings stored in your browser only

πŸ’‘ Why SafeGuard?

The Problem

  • Facebook is designed to be addictive
  • Reels and Stories eat up your time
  • Ads and sponsored posts are distracting
  • You lose hours scrolling mindlessly

The Solution

SafeGuard lets YOU decide what you see on Facebook. Use it as a tool, not as a distraction!

Perfect for:

  • πŸ“š Students who need to focus on studies
  • πŸ’Ό Professionals who want to use Facebook for work only
  • 🎯 Anyone trying to reduce social media addiction
  • 🧘 People practicing digital minimalism

πŸ› οΈ Development

Want to contribute or modify the extension?

Clone the repository

git clone https://github.com/Saad200724/SafeGuard-FB.git
cd SafeGuard-FB

Make your changes

Edit the files as needed

Test locally

Load the unpacked extension in Chrome and test

Submit a Pull Request

If you've made improvements, submit a PR!


πŸ“ Changelog

Version 1.0.0 (November 1, 2025)

  • πŸŽ‰ Initial release
  • ✨ Block Reels feature
  • ✨ Block Stories feature
  • ✨ Hide Home Feed feature
  • ✨ Block Ads feature
  • ✨ Hide Notification Badges (Beta)
  • 🎨 Premium dark theme UI
  • πŸ’Ύ Chrome Storage sync support

🀝 Contributing

Found a bug? Have a feature request? Want to improve SafeGuard?

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“§ Contact & Support


⭐ Show Your Support

If SafeGuard helps you stay focused, give it a ⭐ on GitHub!

Share it with friends who might need it too! πŸš€


πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

Free to use and modify for personal use.


πŸ™ Acknowledgments

  • Icons from Lucide React
  • Inspired by the need for mindful social media usage
  • Built with ❀️ for everyone who wants to take back control of their time

Made with πŸ’™ & β˜•οΈŽ by Saad Bin Tofayel Tahsin

Version 1.0.0 | November 2025

⭐ Star this repo if you find it useful!

About

Take control of your Facebook experience

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors