All 30 challenges

Day 1

Drum-kit

A collection of drums and other percussion instruments. Fun to play drum, you can customize your a song, a beat or try out any sound you want, just by hitting the corresponding keys on your keyboard. Works only on Desktop view.

Day 2

Ball-Clock

A virtual rolling ball clock which displays time by means of balls and rails. Works on Desktop and mobile.

Day 3

Color-Shop

An abstract illustrative organization of color hues and image editing features. Works on Desktop and mobile.

Day 4

Score-Sheet

A sheet where one can check one answer at a time and can also check for more than one answers all at once. Works on Desktop and mobile.

Day 5

Magic-Gallery

A gallery of notable figures, that grows large with any click. Works on Desktop and mobile.

Day 6

ArrayMethods part 1

Examples of how to use some array methods with some data, array methods such as filter(), map(), sort(), reduce() No UI, just the code snippet

Day 7

Find-City

A search functionality a githhub gist API. You can search for any City in the United states Works on Desktop and mobile.

Day 8

Free-Color

It's a virtual paint board, with colors that ranges from yellow, blue etc, colors are automatically selected. You move your cursor around the browser window to generate colors. Works only on Desktop view.

Day 9

ArrayMethods Part 2

Examples of how to use some array methods with some data, array methods such as some(), every(), find(), reduce() No UI, just the code snippet

Day 10

Developer tools

Browser Javascript developer tools that'll come in handy while building a user-interface, fetching data from an API, dubugging and lot more. More of it are on my twitter page. No UI, just the code snippet on twitter

Day 11

Video-Player

A free video-player created and designed from scratch using pure Javascript. With features such as fast-forward 25 seconds or rewinding 5 seconds. With an hard-coded music-video of Beyounce`, you can play around with the features. Works only on Desktop view.

Day 12

Slide-in-on-scroll

An article web-page that opmitizes the efficiency, by lazy-loading images. Lazy-loader built with pure Javascript. Works on Desktop and mobile.

Day 13

Food-menu

A single web-page with the feature and ability to save and note items. A chef can save recipes as items and note the items he has added to his meal. Works on Desktop and mobile.

Day 14

Video-Reader

A single web-page that adds up the total number of minutes, secondss and hours of an actual video. Each video will give you like a timestamp of their time. See the results on the console. Check the console in inspect mode on your browser to see the results. Works on Desktop and mobile.

Day 15

Dancing-shadows

A single page app that dances along with the cursor of the mouse, so to say, texts follows the movement of the cursor around the screen. Works only on Desktop view.

Day 16

Secret-Code

A webpage that displays images of unicorns when you type in a particular word, (also known as the secret-code). Secret-Code: plankalkul Works only on Desktop view.

Day 17

WebCam

An online web-camera, where you can take a random number of images and be able to download them to your local-storage. Works only on Desktop view.

Day 18

Speech-Detector

A speech recognitor, also known as Speech-To-Text, uses screen recognition capabilites to convert your speech to the English texts. Works only on Desktop view.

Day 19

Speedometer-and-compass

Based on Geolocation that it gets the degrees of north a person is currently at, and at what speed he/she is running. You need some real data to get it going. Some things I'll encourage you to do is, try it out when taking your morning workout, or yes, while on a high-speed car. You'll get frequent updates when you move really fast Works only on Mobile.

Day 20

Speech-Synthesis

Also known as Text-to-speech, an artificial production of human voice, that converts any English text into an MP3 audio. Works on Desktop view.

Day 21

BrickBreaker-Game

A game that has stood the test of time. It's a breakout clone in which the player must smash a wall of bricks by deflecting a bouncing ball with a paddle. Works on Desktop view.

Day 22

User-agent detector

A user-agent detector, where you can detect your computer or devices OS, screen resolution, available screen space, browser window size, device pixel ratio. Works on Desktop and mobile view.

Day 23

Count-down-Timer

A count-down timer where you can type in a time to you want to start down from, 20 seconds, 5 minutes, 20 minutes, 1 hour or you can enter any time on the input. Works on Desktop and mobile view.

Day 24

Drag-n-drop

An image uploader, where you can upload images by clicking on the upload button or by 'draging' and 'dropping' from your device onto the window of your browser Works on Desktop and mobile view.

Day 25

Nokia-Snake

A very poupular game where the player maneuvers a line which grows in length, with the line itself being a primary obstacle. Works on Desktop view.

Day 26

Fainty

A single web-page with animated canvas particles you can play around with or watch. It also contains gentle music and lullabies, great for a good night sleep, playing safe...bedtime to breakfast. Works on Desktop and mobile view.

Day 27

GIF-SearchEngine

A web GIF search engine. You can search and download any GIF's you want to make use of. Works on Desktop and mobile view.

Day 28

Matrix-clock

A 24-hour-military time clock that displays the current time, designed to have texts fall from the top to the bottom of the window, without interrupting the running clock. Works on Desktop and mobile view.

Day 29

MarkDown-Previewer

A markdown previewer where you can create your texts with any markdown tags or format, and see the result as soon as you type. Works on Desktop and mobile view.

Day 30

Theme-Toggle

A single web-page where you can switch between two themes in the screen. There are two themes, a black theme and a white theme. Works on Desktop and mobile view.