Skip to content

Magically changing the page to keep you focused! A website-blocking productivity chrome extension.

Notifications You must be signed in to change notification settings

LHL-FocusPocus/FocusPocus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FocusPocus

Magically changing the page to keep you focused! A website-blocking productivity chrome extension.

Tired of productivity-related website blocking extensions that just show you an error page as their way of "blocking" a website?

FocusPocus makes website blocking fun! All original content is fully loaded before it works its magic! With FocusPocus, images, videos, and even text are magically replaced gradually, making browsing blocked sites unbearable (see gifs below)!

Hosted at http://focuspocus.netlify.app

The accompanying Google Chrome extension is now available from the Chrome Web Store.

This app was completed as the Final Project for Lighthouse Lab's Full-Stack Web Development Bootcamp.

Please note that the app is still in alpha build.

About the Project

Demo

Demo Day Presentation

Presented to the general audience as part of Lighthouse Lab's demo day for the Full-Stack Web Development bootcamp.

Created by

Stack

Front-end: React.js, Material-UI, amCharts, React DnD

Back-end: Express, Node.js, Postgres, Socket.IO

Chrome Extension: React.js, Chrome Extension API

Screenshots

"Landing" "CNN" "Youtube" "Dashboard" "Navbar" "Options" "Extension"

=========

Dependencies

  • Node 10.x or above
  • NPM 5.x or above
  • PG 6.x

About

Magically changing the page to keep you focused! A website-blocking productivity chrome extension.

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •