> For the complete documentation index, see [llms.txt](https://founders-and-coders.gitbook.io/coursebook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://founders-and-coders.gitbook.io/coursebook/src/course/mini-projects.md).

# Mini projects

Web browsers are very powerful nowadays. They support lots of cool features that let your code do interesting things. For example webcam filters, text-to-speech and geolocation.

You're going to spend the day experimenting with some of these features to build a fun mini project (in pairs). The idea is to get some experience figuring things out reading MDN docs, and have fun building something silly.

We'll come back together at 16:00 to present what we've made to the group. You'll have 10 minutes to show off your project and talk about anything interesting you learnt.

Wes Bos' [JavaScript 30](https://javascript30.com/) video series is a great introduction to some of these topics. They're pretty fast-paced and concise, and give you enough info to go and start experimenting to build your own thing. If you want access to the starter code you have to sign up on the site (it's free), but if you just want to watch the videos they're all [on YouTube here](https://www.youtube.com/playlist?list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH).

We'd recommend these as a starting point:

1. [Drum Kit](https://www.youtube.com/watch?v=VuN8qwZoego\&list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH\&index=1)
2. [Text-To-Speech](https://www.youtube.com/watch?v=saCpKH_xdgs\&list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH\&index=24)
3. [Canvas painting](https://www.youtube.com/watch?v=8ZGAzJ0drl0\&list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH\&index=9)
4. [Webcam filters](https://www.youtube.com/watch?v=saCpKH_xdgs\&list=PLu8EoSxDXHP6CGK4YVJhL_VWetA865GOH\&index=24)  

   Caveat: the API he uses here has changed slightly—read the comments for the correction


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://founders-and-coders.gitbook.io/coursebook/src/course/mini-projects.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.