Show off your first app!

Ali Spittel on March 18, 2019

I recently remembered the first web app that I built. It was part of my senior thesis in college -- I thought that adding a way to visualize the ... [Read Full]
markdown guide
 

Behold! The first website I built was when I was 12ish and managed a Age of Empires/Kings clan. I can't believe it is still there after 20+ years:

(Brace yourselves)

(No. Really. Brace yourself)

tnt-lord.tripod.com/mainpage1.htm

Curiously, the next time I did any web development was 15 years later xD

 

This is the beauty of the Web that I came here to see.

 

Tripods are still online?!?!? Now I wonder if mine are still there :)

 

I remember using yahoo geo cities to build a site many years ago. I would have been very happy at the time if it looked that good as that.

 

This makes me feel so many nostalgic emotions. Boss.

 
 

hahaha YES! If you were to describe this design with just one word it would definitely be minimalistic :D

 

A true hipster, ahead of the curve in the minimalism movement! He Marie Kondo-ed (or Kondomari) his whole website and disposed of anything that didn't spark joy ✨🙌

 
 

I accidentally hit wappalyser chrome extension button, it literally said "No technologies detected." xD

 

No technologies were used in the making of this website XDDD

 

Behold! A client for Blogger. It allowed you to post to your blogs from the comfort of your desktop. I built this for MacOS Classic back in the day.

Blogger client app running on MacOS Classic

Also it has a cute splash screen:

iBlog splash screen

I miss doing desktop apps a lot.

 

What about building Electron Desktop apps? These days you might even be able to replicate most of the functionality in MacOS classic...

 

To be honest, I don't like Electron. You end up with multiple chrome engines running on the same machine wasting resources. I love web technologies but I'd rather use something less wasteful on the desktop. Thanks a lot for the reply though. I wish all those electron apps were sharing a runtime.

 

I recently built my first mobile app. I decided to learn react native by building a simple chess clock (for android). If you have an android phone, you can download the apk and check out the repo

home
settings

 

I've been getting into React-Native recently myself. What was your biggest road-block to getting started?

 

My biggest road block was probably wasting time with video tutorials. I knew what I wanted to build before I started react native. The tutorials weren't helpful so as soon as I decided to just learn as I was building it, things went smoothly.

That's funny, because I struggle with a lot of that too. Often I'll watch video tutorials thinking they will help me as long as I follow along, but what I've been quickly realizing is that: 1. They often give me a false sense of security in thinking that I know more than I do since I'm familiar with how code should look like, and 2. that I enjoy watching those more as entertainment than as a learning tool.
I do find a lot of value in written material though.

 

My first real app was a tournament and game schedule administration for sport events of my local sports club. It was done with the MEAN stack and especially the backend contains a lot of spaghetti code and is the pure callback hell 😣 However I'm still proud of it ☺️ Check it out below

BerniWittmann / spielplanismaning

Spielplan Beachturniere Ismaning

spielplanismaning

GitHub version Code Climate Test Coverage

Spielplan - System für die Beachturniere in Ismaning

Dokumentation

Hier findest du die Dokumentation

Build Status

Umgebung Build-Status
Testumgebung Build Status
Produktionsumgebung Build Status

CI-Tool

Travis

Installation

npm install && bower install

Tests

gulp test

Server Start

Build

gulp build

Lokal über gulp

gulp serve

oder für Serve aus dem dist

gulp serve:dist

Alternativ

npm start

Workflow

  1. Neuen Branch von develop erstellen
  2. Änderungen in mehreren kleinen Commits auf Branch
  3. gulp versioning task ausführen
  4. push to origin (inkl. tags)
  5. Pull-Request erstellen
  6. Tests und Code-Analyse laufen automatisch. Pull-Request kann nur bei erfolgreichen Tests und nach Approval gemergt werden. Möglichst auch alle Code-Climate Issues beheben.
  7. Pull-Request mergen

 
 

puritanic.github.io/Tribute-page/

I've left this as a reminder how far have I come on my journey :) Not my first first project, as I wrote a bunch of Greasemonkey scripts for online browser games, but the first project after I've decided that I want to work as a developer for real :)

 
 

I went through a lot of their course in my early days! It was such a good experience, and so empowering! It felt really nostalgic to see the tribute page again!
I've kept mine for posterity too! slothcrew.com/tribute/index.html

 

I developed a Stopwatch for Sony Small Apps API for Android in 2013. It is still live on Google Play with over 85K downloads.

Later, I made most of the code open source in the form of a library which is available on GitHub.

Stopwatch Small App

 

My first was for my dissertation for my first degree. I built a human rights NGO website with just a little knowledge of HTML, CSS and JS. My only regret is I wasn't aware of Git and Github so I've lost the files. 😢

 

The first actual web app I built solo was also my first solo professional web app. It was called Pagepooch and it was a price and page tracker - you'd submit a web page using a bookmarklet and it would either track the price of a product as it changed, or track changes to the page content. It was built with CodeIgniter 2 and had a companion Phonegap app.

It's no longer active but you can see it at web.archive.org/web/20130517174018...

 

I built my first app in x86 16-bit assembly when the OS looked like this:

Imgur

or at best like this:

Imgur

and had no multitasking. I built a resident (or TSR) text mode screenshot grabber one could invoke by a keypress and it would save a screen buffer to the floppy. Ancient stuff =)

 

My first TSR (that I let other people get their hands on) decremented the clock counter twice per tick. That meant that the Windows 3 screensaver clock appeared to run backwards. This was very clever, to my juvenile brain.

 

Back in those days the viruses were so innocent. Like playing a tune every day at 5 o'clock or flashing red frame around the screen once in a while. Not like ransomware of today :-[

 

I hesitate to even call it an app, as there is zero CRUD or backend of any kind. But it's the first thing I built in React, after which I started using React a whole lot more. The site is an interactive exploration of state-level tax data: statetaxindex.org

Screenshot of statetaxindex.org

 

My first published app... Something like 20 years ago..?

I wrote an application to allow an infrared remote to control playback of music on Winamp. Today, we can just talk to computers... But imagine two decades ago being able to control a computer from across the room. This was still the age of dialup computers. Almost nobody had a home network at all, wifi wasn't really a thing yet... But despite this, I gave people a tool to wirelessly control their media experiences!

 

One of the first sites I created was a one page site back in 2009. It showcased an internet puppet show call Tank Talk: The Shark and Ray Show, sponsored by The McWane Science Center in Alabama. Some of the shows are still on youtube: youtube.com/user/thesharkandrayshow

But it was just a simple one pager to display the youtube videos.

tank talk

 

Ironically enough, none of my early "apps" still work - if you take "app" in the modern sense to mean a web or mobile application. They all rely on combinations of Perl and C and CGIs and stuff. One I found mentions that it "should" work with the new Debian 3 and Internet Explorer 6. Too much hassle to try to sort that lot out.

The earliest thing I found that was self-contained, given to the world at large, and still runs, seems to be a game of 3d naughts and crosses ("tic-tac-toe" to some of you). You can download it for DOS from ftp.funet.fi where it seems to have been uploaded sometime in 1993. This may be a time period before you were born, but fear not. We had scared away most of the dinosaurs by the late 1970s. You can play it if you use something like DOSBox

Screenie

Repo

 

My first web app would have been a university assignment from a long, long time ago in a galaxy far, far away. As for my first Android app: Apocalypse Cow. Made primarily to learn some Java and OO programming, and to have a go at making a game.

 
 

After my first year of programming (at school), I created a 100% voice-drive children's game with .NET tech. It's the pinnacle of UI excellence 😜

Here's an old youtube video of me demoing it 🤷‍♂️

 

I didn't know you could do speech recognition back then. Very interesting 👍

 

Most tech we come across is usually actually pretty old - just wrapped up in a prettier package 😂

 

The actual app doesn't even look too bad. But the code. Oh boy, the code. I switched the repo to private just so that people can't have a look at it

Belooga

 

My first app(the first that I took the courage to publish) is a simple note-taking app for Android. play.google.com/store/apps/details...
At the moment is all saved locally but I plan to include some online sync functionality in the future.
I also put together this text-editor textty.netlify.com/ because I didn't like the one I was currently using.

 

This is such a cool topic. Thanks for posting it, Ali!

My first three web apps:

Emojipedia²
A faster, snappier way to snag the right emoji!
Screenshot of the main screen of Emojipedia²

EatPayLove
Mobile app for tracking calorie & cost per meal.
Screenshot of the main screen of EatPayLove

Pasta
Mobile copy-paste text templates.
Screenshot of the main screen of Pasta

I wrote a few other apps much longer ago, targeting MS-DOS (Batch files) and then Windows (VB6), but those are unfortunately lost to the graveyard of crashed hard drives. 😄

 

One of the first apps I made and actually put online was a tool to practice advanced techniques for Super Smash Bros Melee on the Nintendo GameCube 🙈

I was a total noob at the time, both at SSBM and writing code, so the code is abysmal, but the tool was actually really useful. It's basically a metronome that plays a sound on when you should input a particular button to practice an advanced move or technique in the game, and it helps to develop the muscle memory for it. The coolest thing was that I could plugin my USB gamecube controller and practice.

I recently took it offline, but it got quite a lot of users in the first couple of years I put it online which was really cool to see and a massive confidence boost; it's really nice to make something that helps people and that people like to use to get better.

1
2

 

This was my first app a little silly, but it helped me learn a lot.

Title Screen
Game Selection

 

I do remember three projects:

  • a tic-tac-toe game than never lost (it always starts first) it was a horrible code.
  • a Galaxy game, in turbo C++ (yeah TURBO C++), the cool part was we create another app to record the movements of the enemy ships
  • a Matrix Gauss Jordan Reduction Calculator, I was so proud of it, also written in C
 

I believe it was a 3D wireframe X-Wing viewer I wrote on my Atari ST using GFA Basic circa 1990. I first designed the X-Wing on paper before writing all the coordinates in arrays. I then did some research and calculations on 3D coordinate systems, perspectives, etc. at my college library, and wrote conversion routines to display the X-Wing in wireframe. Lastly I added keybindings to change the perspective mode, move and rotate the model, and toggle anaglyph stereo mode.

 

Throughout Lambda School before we had build weeks we had to build a note taking app. The front end after the front end curriculum and the back end after the back end curriculum. I decided to style it up a bit extra after Google's note taking app Google Keep

google-keep-clone.now.sh/
github.com/reynld/keep-clone

google-keep-clone

Not the very first project I've built(that would be this) but definitely the first deployed full stack app I've ever built

 

Wish I could but yahoo pages are long gone.

In a nutshell it was a web app for AIM/AOL "hackers" - build a small app that would change colors on AOL Chat. Shared vast html pages as "blog posts" on how to do stuff.

Yup I feel "old" now, just writing this ^ .

 

This was my first public release of something (before a long line of NDA's -which caused me not to release anything publicly again until much later):

In 2001 I released run-free (later updated in 2004). It was the first popular command line execution platform via GTK gui at the time. By 2005 having a command line execution 'thing' from X11 based systems was all the rage. But I did gain some popularity on freshmeat.net (defunct) back in the day.

The old c (original) and c++ (2004) code is hosted on sourceforge and mirrored on github.

It might be interesting to browse the sources these days for fun and to see how we published stuff 15 years ago+....

Here's a screenshot: run-free (2004)

 

The first thing I'd consider an "app", I built to make my job easier previous to being employed as a software developer.
It was a hideous mess of "clever" php spaghetti code, although as ugly as it was, it turned 30 minutes of manual effort to build a report into a single HTML form with less than 5 minutes of runtime.

Before long my various bosses had me building functionality for them and other departments.

About 2 years later I landed my first Software Engineer job at 29 years old. Better late than never!

 

Starcraft 'clan' site using the game elements for the UI.

3 panel iframe (no borders! \o/) from HTML 3 I think it was. JS image mouse-over effect applied to the menu items.

Died sometime in 1997 / 1998.

 

Last year I started a coding bootcamp, sadly I couldn't finish it due to health issues, but I went back last November and this is the first web I made the second time I was there:
karmacode00.github.io/scl-2018-11-...

 

My first and only mobile app (which was based on an idea I had in school and then implemented a basic version in hardware with my friends in college) was Square Tic Tac Toe - not sure if it works fine on newer versions of Android

The idea when it started was simple - instead of same old making a line for Tic Tac Toe, make a square on 4x4 board. Am from ECE background, knew only programming basics and had Java as a subject in school days. Still, I had quit my job and had plenty of time on hand. The result was multiple 1000+ lines of spaghetti monster created over a year of coding, static and global variables all over the place, cannot create two objects of a class without crashing, etc. The game suffered from poor UI/UX and feature creep. Yet, I am proud that I was able to release a working game.

SquareBoard4Medium SquareBoard6Hard

To spice up Tic Tac Toe for higher board size, I introduced varying line sizes and blocking moves:

TicTacToeBoard7Line4Crazy

I tried to rewrite for public release, but lost interest. Only a small part of it is now present on Github - it has computer playing logic for generic NxN Tic Tac Toe board (with line size fixed at N)

For years, I've been wanting to take a shot at it again using Python (as a reason to learn Python GUI modules), who knows I might even take the first step this year.

 

My first app that remains online is a collection of Podcasts Channels. I made it with a React Framework called Next.js as part of a course about server-rendered React apps.

Framework nextjs.org/
App: davidherzlos-podcasts-smbzjpwwtj.n...

 

My first app was a Secret Santa randomizer that emailed everyone their Secret Santa assignments. That was just a python program with a GUI so here's a YouTube video of it in action.
youtu.be/AShLhll3GZY

My first real web app is a task escalator extension for Todoist. Feel free to use it and/or critique it.
Https://taskalator.firebaseapp.com

 

Here's my very first app on Google Play:

Fridge

It allows users to search for recipes based on ingredients. The goal? Repurpose unused ingredients to minimize kitchen wastes.

Download: bit.ly/FridgeProductHunt

Fridge

Hope you guys like it!

 

I've always been a dabbler in coding, for 35+ years! Most of the things that I've written were small tools for work purposes, including log searching in C-Shell and AWK and form work in Microsoft Word using VBA.

One of the few non-work-related things that I did back in 2007 was a Javascript RPG die roller, which include photos that I took of my dice (D4, D6, D8, D10, D12, and D20). I still have the code, I should upload it to GitHub.

 

It's already online equimanthorn.byethost18.com

Equimanthorn - BATHORY en Español

Since 1997 when I was learning PHP + MySQL and a lot of Frames 🤷🏻‍♂️🤦🏻‍♂️

 

Hi Ali ^^
My first real app is effected keybooard, it's a keyboard that visualise your typing on phone as you type. It's still available on the google play store and available for download, you can see it here [link below] it's not yet complete with full animations, but it's super comfortable keyboard if you're using Android with vim like experience. Feel free to download and comment below as well: [btw I'm glad you're writing L]

play.google.com/store/apps/details...

 

My first app was an Android app called listy. I think it's still on the play store. I just wanted an app to make todo lists that had states like pending, completed or encountered problems and I couldn't find one I liked so I made my own.

 

I guess my first 'app' would be my Gulp workflow. I don't really feel like that's an app, it was more the outline of making a future app. You'd have to fork it and run it. You can't get to it from a page.

My first app, I feel is, React HIIT Timer. That one is more accessible to people and I feel encompasses the beginning of an actual app.

 

My very first WebApp was a weather finder, it was very basic and build with react.js but serves the purpose what it is made for.

Click here to visit.

image

 

My first project is a simple clock application which will show the time in words for every five minutes.

project link

It was developed using html, css, JavaScript, jQuery

 

My first ever live website (it's not really an 'app') was an events website I did at work in 2002 (I worked as a web editor then): HTML and CSS only, tables for layout, scrolling marquee (eek...), no JS or back-end. I had only started learning HTML and CSS about a year before, using 'View source' and Notepad.
It's no longer live but the Wayback Machine never forgets:)
web.archive.org/web/20021206192235...

 

Summer of 1997? I was working for IT support for the engineering schools while majoring in CS, and a responsibility was maintaining the paper checkout system for the documentation library, which included several bookshelves of O'Reillys.

It was all flat-file DBs because I didn't yet understand Berkeley DB, much less SQL, but it contained author and links to Amazon based on ISBN for more information.

 

My first application was FastFlick, built during some year in college, can't remember when.

fastflick.blogspot.com/

https://i.imgur.com/H3f2pMA.png

I've always been the type of programmer to build stuff I want to dogfood and always keeping the human in mind. If my software was hard to use, nobody will use it I always thought to myself - still do.

It's fun checking out my first project! Thanks for the trip down memory lane.

 

My first was Garfield of the day about 18 years ago. It was never online, only ran it on a local server at work.

I had no idea what I was doing, used it to learn php. Each day a new Garfield comic was published on garfield.com. Filename was YYYY-MM-DD so I used date functions to construct the filename and display the comic in an image tag. Then I added prev and next buttons and date input so I could navigate between different comics.

 

I made a page showcasing awesome Madden NFL '99 trades that I had figured out when I was 15 years old in 1999. After not doing any web development for 19 years, I took a Code Academy course two months ago and have since made the two following sites using React and Firebase Back-End Architecture:

green-owl-photography.firebaseapp....

and

andersjr1984.github.io/portfolio/

I am a bit obsessive.

 

This is my first and first program that can be online.

Before I entered the programmer community, I was very proud to be able to make a small program that could be online. But now I'm embarrassed myself, because it turns out my program is just a dust among the programs that I know.

But I'm proud too, because I am among great people. Let's see who are the contributors at github.com and I am among them.
dirkncl.github.io/

 

The first one I remember building was for practicing different gender pronouns. Here's the first version of it: practice-with-pronouns.herokuapp.com

Getting the "__ is"/"__ are" radio buttons to fill in with the first-person singular pronoun of choice is the first thing I remember ever doing with JavaScript. Still feels magical.

I rewrote it a while later to be front-end-only with React so as not to have to pay for hosting: practicewithpronouns.com

 

A few years ago I wanted to learn more about angular so I built an app with ionic called Project Name Generator. Ironically, the idea came about as I couldn’t think of a name for my project. I think it’s still available on Google Play.

 

Ah! This is interesting. I cloned Microsoft Notepad after I learned Java Swing in my college days and named it TextWrooo. Here is the jar file:

drive.google.com/file/d/0Bwp02y9bI...

 

shittymorph.now.sh/

Wanted to complete something for once instead of my usual "start and forget" approach to project. Played with Vue and Machine Learning and it was fun!

Nite that it is not my first ever project, but the first still available today.

 

Being the huge fan of Frank Ocean that I am, I made a Frank Ocean twitter bot to tweet random Frank Ocean lyrics every 2-ish hours. I had just learned databases more in-depth, so I was looking to see how I could connect code to a database, and this is what spawned. The code is very bad, but I was very proud of it!

Github link

 

Aside from little things in school during CS, my first App, which was completly mine, was a small countdown timer, written in Delphi.
During my studies, I just met my future wife. But soon after we met, she left for home over the semester break.
I was (and still am 15 years later) fully in love and couldn‘t wait for us to see each other again. So I sat down and wrote that little countdown timer, to show me, how much waiting was still ahead.

The hardest part was, to make the title in the task bar change, even when it was minimized. I had no idea of events and background threads at the time and learned quite a bit, since it was also my first app in Delphi.

I don‘t have it anymore. And I guess I would do the same thing now in about an hour or two. But I still think fondly of it.

 

This is the first thing I made, and it was recent - a Glitch remix to help you generate file or project names... coming from someone with one too many “hdiekwjwi.ext” files on her computer: simple-danger.glitch.me/

I wish Geocities was still up for me to recover my first forays into HTML!

 

Back to 2016 When I started to learn how to create web pages using HTML, CSS and JavaScript, Was fanatic to create a clean design and layout as design was my ex-career.
My first page after watching tutorials and W3School : jalloinc.netlify.com

 

The first app I ever made when I was teaching myself how to code was WaterCoolerMeetings.com. Bootstrapped all the way! The purpose was to link people looking for advice with industry professionals. Think linkedin but with the goal to be in person meetings.

 

My first web app was FlyLog, a logbook for student pilots written in Rails.

I wrote it to remind me the real reason I was learning webdev, so that I can hopefully afford to get my Private Pilot's License one day 😂

Here's the blog post I wrote about it:

blog.yechiel.me/fly-off-the-rails-...

 

The first app was a hangman game app. It was called "guesso". It was not responsive and contained redundant code. It was far from any best practice. Built with HTML, CSS, and Javascript.I built it after 3 months from starting learning web development and UI was designed by my wife. It should be played over desktop or tab.

islam888.github.io/guesso/

 

What a great site! Way better than mine. I haven't even touched mine in months, not even worthy of changing the default Surge name. 😅

Edit: Oh wow, everyone's first site is way better. Well, if you're new and wanting motivation, let introduce you to DIRTY-FAN.SURGE.SH 👺

dirty-fan.surge.sh/

 

My first app was a notification tray applet that chimes every hour. I built it to send an musical alert every hour to withdraw myself from spending too much time playing games since my mom wouldn't stop scolding me for spending hours playing games. And it worked! 😎

svijaykoushik / clockalert

A time management system tray applet that chimes every hour like a clock

Clock Alert

Download Clock Alert Platform support License

Dont know time flying by when you're engaged with your computer then Clock Alert is the right solution for you.

Clock alert is a simple application that sits on the windows system tray and monitors your system clock. After each hour passes the app alerts you with an audio notification. It helps people who work with computers and gamers alike to keep track of time they spend in front of their desktops & laptops.

install guidelines

Download Clock Alert

1. Download Clock Alert 1_2_1 setup.zip file (latest version)
2. Extract the zip file to a well known location on your computer. E.g. Desktop
3. Go to the location where you extracted the files
4. Open the Clock Alert 1.2.1 setup.msi file to open Clock Alert installation wizard
5. Follow the installer instructions on screen to install clock alert.

    For more detailed instructions, checkout the Instrctions.txt file that is bundled along with
 

Cant recall what year this was, but around 1984-5 (14-15yo). We got an Amstrad CPC464, just about when they came out, and I took to writing code. BASIC to begin with, then Pascal and onward. No printer.
Circumstances moved my career in other directions, so I'm only getting back in to it now.....
FuelConsumption

 

me.nektro.net/apps/cathop/

I made this junior year and my roommate did the art <3 It's a fun little cat game we made for fun over a few weekends while at uni.

 

First website done as a school work. Written in plain HTML and JavaScript. No CSS included. Yes, it was absurd hahaha.

Cause I wanted it to look nice, I used HTML's table tags as a Grid and used anchor tags disguised as button images.

GitHub repo: github.com/jorenrui/alchemyrod

Website: jorenrui.github.io/alchemyrod/

 

I thought: what is a better way to learn, than to teach others! Thus, I created an 'under the hood' teaching site for how API's worked :)
mary.codes/thinkful-tube/index.html

 

Mine was a PWA. I had learnt a couple of things in HTML, CSS and JS so I built a news client app. Link is here unboxnewslite.firebaseapp.com

 

I don't remember my first app but I do remember the first thing I coded. It was a Mario vs Luigi game in Scratch when I was 9 I think, 11 years ago :P

 

My first is pretty long lost by now! It was a text adventure game I wrote in C++ when I was 12ish. It was a horrible monster of hundreds of if statements and a very, very poor storyline.

 

First react app trying to mock the windows sticky note! It's not much but haha:

github.com/echoeyecodes/dyn-note-r...

 

The app which I developed was an expense tracker , I used firebase and react for this app.

sad-shirley-6ef62f.netlify.com

 

The first "app" I wrote was probably an order or stock management system, written in Access 2.0 at some point in the early 90s.

Even if it still existed I doubt I could share it.

 
 

Random Quote Generator for freeCodeCamp.

I had a more complicated design originally but it was far beyond my skill level at the time.

 

2 years ago when doing ionic2 tutorials, it felt so empowering! And it was a pwa before I knew the meaning...
Todo app, with picture snapping from mobile app version.
mattbag.github.io/dosnap/

 
code of conduct - report abuse