Lockout Labyrinth is an anti-procrastination website blocker that requires users to complete a task before they can get back to browsing because it is all too easy to click ‘ignore’ on site-blocking apps.
Created using Electron-Vite and React with Typescript, the app will edit the hosts file to block access to user-selected websites and require completion of a puzzle before unblocking. There are three puzzles available: a maths puzzle, quiz and maze and 5 levels of difficulty that can be selected.
The app makes calls to an API created using Express.js and Mongoose with MongoDB, hosted here and found here on github.
Please be aware the app requires admin rights and will prompt user for their password upon blocking and unblocking.
Created as the final project in the Northcoders Software Development bootcamp by Ronnie Williams, Vicky Hill, Beck Unsworth, Chris Gladney, Sam Holmes
- Node.js: v20.4.0
- Clone this repository
$ git clone https://github.com/SamHolmes1/AppBlocker.git
-
Run
npm install
to install dependencies listed in thepackage.json
-
Run
npm run dev
to host a version locally.
As a user you are able to:
- Select sites to block from a list of suggestions
- Add your own sites to block
- Choose the puzzles seen in 'unblock mode' (maths puzzle, quiz, maze)
- Choose the level of difficulty from 1-5
- Unblock either individual sites or all blocked sites in unblock mode
- Have a saved list of 'my sites' for ease when next using the app
The app renders a maze created by Tom Liangg (source).