Skip to content

capjamesg/awsnap.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

awsnap.js 🫰

Navigate a website by clicking your fingers and saying the link to which you want to go.

Try the demo (only works in Chrome and Safari; Firefox doesn't support transcription yet)

The first version of this project was built in an hour.

click.mp4

How to Set Up 🛠️

First, clone the project repository:

git clone https://github.com/capjamesg/awsnap.js
cd awsnap.js/

To run the project, you will need to run a web server that serves the files in the awsnap.js folder. You can do this in Python with the following command:

python -m http.server

Then, open up the project. By default, the command above will serve a web page at http://localhost:8000. The URL at which your page is served will depend on what tool you use to set up the server.

Note: The http.server method is recommended for local testing only. It is not built for production use. In production, you can serve the project files in any way you want; the files are static and don't require additional treatment beyond being on a web server.

How to Use 💻

When you open the project page, there are two commands you can use:

  1. Click your fingers then say a word or phrase featured in a link to open the link in an iframe.
  2. Clap your hands and an emoji will appear above the default list of links.

Inspiration 🌟

This project was inspired by Charlie Gerard's 2023 Beyond Tellerrand talk and Ana Rodrigues' State of the Browser 2023 talk.

Name Credits

Tantek came up with the name awsnap.js. Thank you, Tantek!

License

This project is licensed under an MIT license.