DEV Community

Ali Spittel
Ali Spittel

Posted on • Updated on

Show off your first app!

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 data I was working with would make the project more interactive and it would be able to reach more people.

It's far from perfect, and the version online is the second design and I also went through a big code refactor at some point.

I had also been writing code professionally as a software engineer for around a year when I wrote this (and was a computer science teaching assistant for a year before that), but it was just data science/analysis code instead of code for the web.

I learned a lot with the project, and a lot of that knowledge has carried over to work even recently!

The app is here: http://politicaldiscussion.herokuapp.com/! You can see the about page for more about it, and the source code is also linked in the footer!

What was your first app? Is it still online? Show it off below in the comments!

Oldest comments (99)

Collapse
 
lauragift21 profile image
Gift Egwuenu

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. 😢

Collapse
 
berniwittmann profile image
Bernhard Wittmann • Edited

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

Collapse
 
lkreimann profile image
Lea Reimann 🦄

Callback hell 😈 I know that feel :(

Collapse
 
vintharas profile image
Jaime González García

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

Collapse
 
rpalo profile image
Ryan Palo

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

Collapse
 
jamesmh profile image
James Hickey

This makes me feel so many nostalgic emotions. Boss.

Collapse
 
ld00d profile image
Brian Lampe

I miss frames

Collapse
 
therealkevinard profile image
Kevin Ard

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

Collapse
 
biros profile image
Boris Jamot ✊ /

It's so vintage!
I love minimal design :D

Collapse
 
vintharas profile image
Jaime González García

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

Collapse
 
aimerib profile image
Aimeri Baddouh

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 ✨🙌

Thread Thread
 
vintharas profile image
Jaime González García

🤣

Collapse
 
chrisrhymes profile image
C.S. Rhymes

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.

Collapse
 
m0ntassar profile image
Montassar JDIDI

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

Collapse
 
vintharas profile image
Jaime González García

No technologies were used in the making of this website XDDD

Collapse
 
joehobot profile image
Joe Hobot

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 ^ .

Collapse
 
francisudeji profile image
Francis Udeji

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

Collapse
 
puritanic profile image
Darkø Tasevski

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 :)

Collapse
 
aimerib profile image
Aimeri Baddouh

Was this for the freecodecamp.org curriculum?

Collapse
 
puritanic profile image
Darkø Tasevski

Yep :)

Thread Thread
 
aimerib profile image
Aimeri Baddouh

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

Collapse
 
edkahara profile image
Edward Njoroge • Edited

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

Collapse
 
aimerib profile image
Aimeri Baddouh

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

Collapse
 
edkahara profile image
Edward Njoroge

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.

Thread Thread
 
aimerib profile image
Aimeri Baddouh

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.

Collapse
 
lmolivera profile image
Lucas Olivera

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

Collapse
 
matthewbdaly profile image
Matthew Daly

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...

Collapse
 
david_j_eddy profile image
David J Eddy

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.

Collapse
 
drhoneydew22 profile image
David Lanaway

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.

Collapse
 
pranavpandey profile image
Pranav Pandey • Edited

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

Collapse
 
learnbyexample profile image
Sundeep

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.

Collapse
 
teekatwo profile image
Tori Pugh

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.

Collapse
 
karmacode00 profile image
Andrea Lafertte

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-...