# List of apps to build as you are learning?

**URL:** <https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861>\
**Category:** web dev\
**Created:** [October 28, 2018, 10:41pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861 "2018-10-28T22:41:04Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 28, 2018, 10:41pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/1 "2018-10-28T22:41:04Z")

</div>

One of the best ways to keep learning after mastering the basics is to actually start building small apps that get progressively more complex and larger as your skills grow. Wouldn’t it be great if we could create that list? Let us do just that here! Just post a short blurb for an app someone should build.

I will figure out a way to categorize them as topics roll in - probably as easy/medium/hard. Not sure yet haha.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 29, 2018, 1:28am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/2 "2018-10-29T01:28:26Z")

</div>

Stopwatch with support for lapping as a P2

Real-time chat box using Firebase

Simple payment form with Stripe backend

Color analyzer that takes a bitmap as an argument and returns the top 10 most dominant colors

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [October 29, 2018, 10:16am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/3 "2018-10-29T10:16:48Z")

</div>

An app that register your mood connected to the weather api.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 29, 2018, 5:13pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/4 "2018-10-29T17:13:18Z")

</div>

Enter address/zip code, get weather!

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [October 29, 2018, 5:29pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/5 "2018-10-29T17:29:14Z")

</div>

App that lets you import picture and it will call Watson API to describe what it is looking at.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 31, 2018, 4:04am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/6 "2018-10-31T04:04:05Z")

</div>

Show current time in digital form! Simple and boring.

Show current time in analog form. May use canvas or the DOM.

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [October 31, 2018, 9:50am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/7 "2018-10-31T09:50:08Z")

</div>

App that shortens long URLs.

---

<div class="post-metadata">

**Author:** ![Wayne](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/wayne/32/16501_2.png) [@Wayne](https://forum.kirupa.com/u/Wayne)\
**Post date:** [October 31, 2018, 9:50am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/8 "2018-10-31T09:50:37Z")

</div>

Simple Chatbot.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 27, 2018, 6:27am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/9 "2018-11-27T06:27:37Z")

</div>

Metronome

Simon Says

Memory Matching Game

---

<div class="post-metadata">

**Author:** ![prg9](https://avatars.discourse-cdn.com/v4/letter/p/8dc957/32.png) [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [November 28, 2018, 3:44pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/10 "2018-11-28T15:44:38Z")

</div>

Whac-A-Orange game [not to be confused with the lesser mole version]

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [January 28, 2019, 4:06am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/11 "2019-01-28T04:06:59Z")

</div>

Using the unsplash API to display some images.  
Text-to-speech word displayer  
Geolocation and Google Maps

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [June 30, 2019, 5:25am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/12 "2019-06-30T05:25:08Z")

</div>

Displaying _ **Hello, World!** _ on button click!  
Todo List  
Displaying a Series of Content Cards  
JavaScript Math Quizzer  
Random Color Generator

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 6, 2019, 5:49am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/13 "2019-08-06T05:49:23Z")

</div>

You start with a blank keyboard layout and you have to use the mouse to fill in what key each blank space represents.

Random unsplash image displayer.

Display weather based on city name!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 17, 2019, 4:59pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/14 "2019-08-17T16:59:55Z")

</div>

Cipher generator

---

<div class="post-metadata">

**Author:** ![stevewrites](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/stevewrites/32/9880_2.png) [@stevewrites](https://forum.kirupa.com/u/stevewrites)\
**Post date:** [August 21, 2019, 10:46am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/16 "2019-08-21T10:46:51Z")

</div>

Nice one Kirupa. Building while learning sounds nice. My fear has always been that I am not adequate enough.

---

<div class="post-metadata">

**Author:** ![stevewrites](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/stevewrites/32/9880_2.png) [@stevewrites](https://forum.kirupa.com/u/stevewrites)\
**Post date:** [August 21, 2019, 10:51am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/17 "2019-08-21T10:51:04Z")

</div>

I want to ask after HTML, CSS and Javascript. I’m confused about which program to learn. I really need to upgrade my skill. I don’t want to spread myself too thin by jumping from one language to the other.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 21, 2019, 2:06pm UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/18 "2019-08-21T14:06:23Z")

</div>

If you don’t have a pressing need to learn something new, just go deeper in HTML, CSS, and JS.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 30, 2019, 6:05am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/20 "2019-08-30T06:05:50Z")

</div>

Lightweight social sharer (twitter and facebook only)  
Random word generator  
Word truncator (accessibility -\> a11y)  
Unit converter  
How old are you? (Basic and Advanced using Date.time)  
Palindrome Creator

---

<div class="post-metadata">

**Author:** ![Rob\_Zinn](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rob_zinn/32/10061_2.png) [@Rob\_Zinn](https://forum.kirupa.com/u/Rob_Zinn)\
**Post date:** [September 20, 2019, 1:42am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/24 "2019-09-20T01:42:11Z")

</div>

Visual Timesheets. Probably the most tedious aspect of corporate life for millions of unfortunate humans, can we make this simple task easier, more intuitive, and less soul crushing!? I’m thinking a calendar that you click drag and… done. Quick, and easy but captures really important labor data for the employer. Quickbooks, freshbooks, TSheets, etc all have options that are more form tab-tab-tabbing that is just no longer acceptable in the modern world!

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [September 25, 2019, 4:18am UTC](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861/26 "2019-09-25T04:18:45Z")

</div>

Countdown timer with a progress bar (bonus points for it being circular)

Random emoji picker

Using a gamepad to move a square element around the page

Open graph metadata generator for easy sharing on Twitter and Facebook

Play a sound that moves from the left speaker to the right speaker based on mouse/touch position

Simple scoreboard using Firebase to persist the data

[Next page](https://forum.kirupa.com/t/list-of-apps-to-build-as-you-are-learning/638861.md?page=2)
