Coder <projects>

What's CODER?

Things to make. Stuff to learn.

Looking for something to do this weekend? Coder Projects are simple, fun, and sneakily educational things that can all be made with Coder and Rasberry Pi. Browse the list below to see what catches your eye, or if you feel inspired, contribute your own project to the site.

<project>

Getting Started

Whether you’ve got a brand new coder kit, just downloaded Coder to try on your own Raspberry Pi, or don’t know where to begin, this project is for you. We’ll show you how to connect to your Coder and set it up to be programmed right from your computer’s web browser.

A great project for: First-timers, total n00bs, do-it-yourselfers, everyone.

Open Project
Medium

Skills Needed: None!

Skills Learned: Coder Setup, Booting your Device, Connecting to Wireless

Submitted By: Coder Team

<project>

The Perfect Recipe

Do you have a favorite recipe that you want to share with the world? With this project we will use code to write a recipe that looks as good as it tastes.

A great project for: Foodies, chefs, sandwich aficionados, and anyone looking to learn the basics of web design and Coder.

Open Project
Easy

Skills Needed: None!

Skills Learned: Introduction to Coder, Basic HTML, Basic CSS, Color, Images, Fonts, Lists

Submitted By: Coder Team

<project>

Make Your Own Mondrian

Paint makes a mess. Code is so much cleaner. Use this project to recreate a classic Modern artwork, Piet Mondrian’s Composition II in Red, Blue, and Yellow in your browser with CSS and HTML.

A great project for: Modern art buffs, aspiring art forgers and anyone that is interested in drawing with nothing but code.

Open Project
Easy

Skills Needed: None!

Skills Learned: Divs, Basic Positioning, Basic HTML, Basic CSS, Color, Measurement

Submitted By: Coder Team

<project>

Pop-Up Penguin Game

Make a simple game to play with your friends and family. See if you can find all the penguins without waking the yeti!

A great project for: Penguin watchers, yeti hunters, puzzle lovers, and anyone that wants to challenge someone to a battle of adorable wits.

Open Project
Easy

Skills Needed: Basic HTML, Basic CSS

Skills Learned: CSS Pseudo-Classes, Hover, Active, Cursor, Images

Submitted By: Coder Team

<project>

Comic Creator

Got a story to tell? Have some great text and images you want to put together? This project will give you the pieces to turn them into a webcomic while teaching you some new skills along the way.

A great project for: Comic fans, writers, anyone that wants to use images and text in fun ways online.

Open Project
Medium

Skills Needed: Basic HTML, Basic CSS

Skills Learned: Intermediate CSS, Image Placement, Basic Positioning, Z-Index, Borders, Margins, Padding, Fonts

Submitted By: Coder Team

<project>

Night and Day

Ever wish you could control the universe? Well now you can pretend with this project. Change day into night and back again with the click of a mouse and learn a whole new programming language along the way.

A great project for: Sunbathers, night owls, and anyone that is looking to make big changes with the push of a button.

Open Project
Medium

Skills Needed: Basic HTML, Basic CSS

Skills Learned: Introduction to Javascript, Introduction to jQuery, Basic Interaction, CSS Circles, Buttons

Submitted By: Coder Team

<project>

Music Boxes

Let’s turn it up. This project will transform your browser into a simple instrument that you can use to make music.

A great project for: Musicians, music lovers, or anyone that has a song in their heart that they want a computer to play.

Open Project
Medium

Skills Needed: Basic HTML, Basic CSS, Introduction to jQuery, Basic Javascript

Skills Learned: Buttons, CSS Pseudo-Classes, Variables, Basic Audio, Basic Browser Compatibility

Submitted By: Coder Team

<project>

Digital Clock

What time is it? You’ll finally be able to answer that question after you’ve built this simple clock.

A great project for: Punctual people, chronically-late people, or anyone that wants to turn their browser into a clock.

Open Project
Medium

Skills Needed: Introduction to Javascript, Basic HTML, Basic CSS

Skills Learned: Basic Javascript, Variables

Submitted By: Coder Team

<project>

Two.js Puppy

Drawing with code can be a walk in the park with the help of Javascript and the handy drawing library Two.js. In just a few lines of code your browser becomes your sketchbook.

A great project for: Dog lovers, doodlers, and javascript junkies.

Open Project
Medium

Skills Needed: Basic Javascript, Basic HTML, Basic CSS

Skills Learned: Basic Two.js, Working with Javascript Libraries

Submitted By: Coder Team

<project>

Blinky Lights

Are you ready to get real? Ready to push through the browser and make something happen in the non-virtual world? With a bit of electronics and server programming, you can connect your web browser to real-world lights and sensors.

Note: Requires Coder v0.5 or newer. Get it here.

A great project for: Illuminated engineers, server hackers, circuit benders, button pushers.

Open Project
Challenging

Skills Needed: Attention to Detail, Intermediate Javascript, Intermediate HTML, Intermediate CSS

Skills Learned: Basic Electronics, Node.js, GPIO, and Web Sockets

Submitted By: Coder Team

More About Coder Projects

Coder Projects are Coder apps and instructional step-by-step guides designed to get new programmers excited about making things with code. They range from introductory lessons on the basic web stuff Coder utilizes (HTML, CSS, Javascript) to more complex projects that show what code can do.

Coder projects are perfect for anyone new to coding, or helping someone else learn. Each project is designed to be a jumping off point that will leave you with something fun and hopefully give you ideas for projects of your own.


Need some more help?
Coder projects are designed to be fun and educational excercises but they won’t replace full-blown lessons and web development courses. If you’d like to dig deeper there are tons of great resources out there for learning the languages of the web. Codecademy and Khan Academy are two of our favorites, and you can find lots more at Code.org.

We Want Great Projects

We’re looking for new Coder Projects. If you have an interesting project made with Coder that you think would help and inspire others, please send it our way.

Coder Projects on Github