100 Code Projects: A Journey

I have spent tens of thousands of hours on the internet, and I must have some kind of encyclopedic knowledge of information of a lot of things. But a habit I have long had is that as soon as I see a word or thing I haven't seen before, I Google it, or research it. Well, I don't know where I heard about Neocities. But I hear about Geocities every couple of years, so maybe it was on the Wikipedia page. Anyways, first thing I checked out was the one YouTube video that existed about it, which was by Andrue. He had a site called voupie.lol, which had an HTML chao garden and some shrines and a lot of the typical indie web things like that.I was inspired, though, so I made a Neocities site like his Youtube video recommended.

Oh, I think I may have made my first Neocities site a few days before that, actually, my bad. It was just some basic text on a page, with this image of Goku as the background wallpaper.

Anyways, I had also been learning some HTML and CSS stuff from FreeCodeCamp, so I put that into practice on my Neocities site. I made a few shrines, a few site replicas (just with HTML and CSS), and I made a YouTube video talking about what I learned. So I basically copied Andrue through and through. lol

Anyways, my site looks a lot like an old Geocities website like what you would have seen circa 1999. Which is kind of the point. Unfortunately, I don't remember if I coded anything before this. This website is effectively my first coding project that I ever did. I will note that I made a website in Dreamweaver for school back in 2013, and it was hard! That was my photography, web design, and audio-video sort of class. Shooting videos was way easier than coding a website, I thought.

(Note that I won't count the easy pages on here as "projects". For example, the site devlog page, or the GIF collection page.)

I scrutinized the code of Bulbapedia's webpage for the gen 1 Pokedex, and I feel like it was one of those things where there's some complicated stuff happening with their backend, and their attachd CSS files were hard to read, so I still made mine largely from scratch, but I made a page dedicated to the gen 1 Pokemon pokedex. I also kept it in a little square window that you have to scroll down, which is a little bit like how Nintendo has portrayed the fictional pokedex, but i also needed to learn how to make a little scrollable box anyways. Learned some stuff about HTML tables by doing this, and some stuff about scrollbars (they can be customized quite a lot).

I explain my attachment to 4chan in the Vichan project later in the list. I was a forum user in the 2000s of Gamespot and stuff, and people used to read my blogs for some reason, and I was a friend of one of Gamespot's moderators. He mentioned 4chan one day, I looked it up, and 4chan has had a very profound effect on my life since then.

This page is made of CSS based on kind of an eyeballing of a /v/ thread. I don't think I'm using flexbox or anything here. Seems dysfucntional. Also, nothing on this page actually does anything or hyperlinks anywhere.

I couldn't get the reply boxes to wrap around the OP image in the way I wanted.

Haven't actually looked at this code in-depth since 2022. Don't really care to now either, though.

When I was a teenager, I was broke, but whenever I got money, I liked collecting obscure Japanese games. When I got a job at 17 as a dishwasher, I started buying lots of game systems and games. I had a PS1, PS2, PS3, Sega Genesis, Sega Dreamcast, Nintendo 64, Gamecube, Wii, Xbox, Xbox 360, etc, and I had some rare games like Xenosaga, GrimGrimoire, Alien Soldier, etc. Unfortunately I went broke and homeless, and ended up selling my $5,000 game collection for like $200 to a ruthless pawn shop.

Anyways, my penchant for 4chan and obscure games led me to sometimes spending a lot of time on Wikipedia and on /v/'s Recommended Games Wiki, looking into what the best games on each console were, including the cult classics like Gunstar Heroes and Bangai-O.

This is another glorified table page, but I made a replica page of the Wii page on the /v/'s Recommended Games Wiki. This is when they were on Fandom. Now that webpage is gone, by the way. The wiki is hosted somewhere else now.

This was very early in my Javascript-learning journey. This isn't even controllable, and it's just an image going left to right. At least it's slightly interesting that it stops instead of going on forever.

This involved a tiny bit of logic, but they're just different webpages with different links. There is no infinite loop like in that Super Mario Bros Bowser's Castle level, there's no persistent memory between the pages, it's just pages with different stuff shown on them. But it's theoretically a branching paths game. And this is one of the earliest Jennifer DeWalt games on her site, and I just totally copied her idea. But when I copy people's ideas, I do like to admit it, and also fully understand how everything works when I do it. So that's good.

I forget if this was from some tutorial. When you click the button, it generates a dice face. I think it's kind of a cool idea, actually. We create a DOM entity called "img", and store it in the variable img. But then, depending on what the randomizer number is, we download a source image file from Google Drive to that DOM element "img". I think it's kind of a cool idea. By the way, I try not to take credit for other people's work too much, or add other people's work to a list like this of my projects, but I include some of the tutorial followalongs that I do, and I also don't remember if this project was from a course or not.

This was just following a tutorial. Involved learning some JavaScript. Reverse engineer the code if you want to see how it works — it's all there in the HTML and/or JS files.

This is a simple soundboard concept. I don't know if they're still common with the younguns, but when I was in high school in the early 2010s, people had apps and websites on their phones that would play stupid sounds. It's one of those silly things from that era probably, like those apps where you "shoot a gun". Like you point the phone around and click the screen.

This is a fairly simple onclick/button experiment where I had to learn about the "this" keyword, functions, and a few other things in Javascript. Whatever you click, the name of that button has ".mp3" appended to it, and then that short MP3 is played. If you click them really fast, the sounds get pretty wild, like shoegaze music in some cases. I like the Curb Your Enthusiasm one when clicked about 100 times quickly, it sounds like a Caretaker album.

A lot of this is kind of coombrain humor.

This was hosted on the Cloudflare Pages hosting service.

This is a playable piano keyboard for your browser. But it is pretty simple. It's pretty much the same onClick button system as I used in the meme soundboard. I did also use event listeners though, which wait for a key to be pressed. So you can use your text keyboard to play the piano. But I also didn't map every key, it seems. And also, for some reason, when the note is pressed with your computer keyboard key, it doesn't visually go down. But it visually goes down if you use your mouse to click on the key. So that's weird.

In the Javascript, everything that isn't the first 4 lines in that file was about mapping the computer keyboard so it would play the piano.

For some reason, I have an AJAX/JQuery download in my html head, but I don't thik those were used in this at all.

The piano shape was based on the piano we had to draw out of CSS in the FreeCodeCamp course. They don't teach about how to turn it into an instrument, though. That was just putting rectangles next to each other. I had to learn about event listeners from StackOverflow quite a bit. And I spent a lot of time reading about them on MDN.

I don't know the "where they at though" meme, but my friend was working on this project, and it was pretty broken. I couldn't get it to work either, but after working on this for a few days and consulting StackOverflow about something, we got it to work.

One thing I don't like about this is that it has to hit the bottom of the screen before it randomizes the rain streams. In the Matrix scenes it's usually random-looking code-rain streams. So if I approached a project like this again I'd try to get rid of the first 5 seconds of this program where a block of text is raining down as one.

A simple text-based golf game with RNG, a birdie/eagle/etc system, different endings, different numbers displayed for how hard you strike the ball, etc. This is one-dimensional. Just left-and-right, and I think that if you shoot past the hole it still goes in. There's gold, silver, and bronze trophies displayed at the end. There's a chance to lose entirely, and you're given like a pile of shit, but I think it's quite rare with how the numbers are.

This is set up in the format of Cookie Clicker as well, with the upgrades on the right side, the rows of pictures in the center, and the giant cookie and your current number of cookies on the left. I didn't end up putting pictures of your upgrades in the middle section. I did put images to the upgrades on the right. I like the images of the grandmas, and there's a picture of Filthy Frank sticking a gun in his mouth. lol

This isn't the version with saving, accounts, or any form of PHP. I want to create a version of this soon with a base64 code save system, and the ability to make accounts and/or possibly use an API to pay for multipliers.

I'm interested in figuring out how companies like Hyper Hippo set up payment methods to give gated upgrades in their idle clicker games. I might try to make some other idle clicker game concept and come back to the code in this.

The code in this is very repetitive Javascript. Lots of variables for multipliers. The variable names got very long.

This is a Python program, and an update to an old Javascript game I published to my website in 2022. This Python game was made in 2024. It adds multiple characters, multiple stages, the possibility to land in a pond or the rough, and both wind and cardinal directions that cause some calculations to be applied to the distance of the ball. Although, as I recall, these calculations were still effectively one-dimensional back and forth sort of ball directions, just magnitudes, effected by multipliers and whatnot.

The characters have strength attributes. They say things, whihch are pulled from an array of dialogue lines. You can pick the opponents you want to play against. There's a ranking system of who won at the end.

If Spider Man is one of the players, there's a chance his spidey senses will go off and he'll abandon the game to go fight crime. This causes the game instance to end. When rounds get jammed, or if you want to restart the game, you have to restart the program. I unfortunately did not end up adding a restart function to the game that wipes all the variables.

This is one of my proudest creations. It's a text adventure game with a fairly complicated text-understanding terminal (basically like Zork) with rooms, a map, items, etc. This was the first truly ambitious code project I ever made, in my opinion. It's made in Java, and was made for a computer science degree Java class. (I dropped out of the CS degree again, btw, although I was like 70% done, I hate college) You can pick up a chainsaw and other weapons, you can look at rooms and things, there's bosses, etc. This game is supposed to be a horror game, based on a mixture of Resident Evil, Devil May Cry 1, and Evil Dead. There's a giant spider, a ghost in knight's armor, a room with a horde of zombies, etc.

It has cursed text, a NWSE directional navigation system, you can say "go north", "north", or "n" to go north, there's a maximum of 100 moves before you run out of time and the zombies break in, there's a function to wait a few turns at a time to wait for them to break in, there's a "take" function, "look at" function, "drop" function, "inventory" function, "map" function, etc. Every time you hit a new room, it tells you where you are. If you can't go there, it tells you. If you need a key, it tells you. There's a story to the game.

The program involved learning Java objects, classes, the map data structure, and has some fairly complicated if else logic.

I have a hard time understanding my old programs, sometimes, so this one will be difficult for me to wrap my head around if I want to make another complicated text adventure.

I actually don't know how to run Java programs from NetBeans or the command line or anything, so this will have to keep sitting on Replit, I guess.

This is something that used to exist but which may not exist anymore. I have been using 4chan since 2009, and there are certain downsides that come from that, such as having part of my identity unfortunately tangled up with people's negative perception of /r9k/, /b/, /pol/, etc. That is, I like a lot of the 4channer YouTubers like Luke Smith, I get the culture through and through, including all of the conspiracy theories, and even when I have a girlfriend or am going through a normie streak, my habit of browsing 4chan kind of programs me to think like the incels and losers on there do. Kind of bad.

Anyways, I do find it the be the funniest website on the internet, and I like it a lot.

When 4chan was hacked in 2025 and went down for 2 weeks, I had been browsing 4chan like 4 hours a day for the previous year. Kind of a band aid ripping off moment. But it actually got me off of it. Shows the power of cold turkey fasting. But those two weeks were painful.

Anyways, during that time, I checked out some of the altchans, but I also tried to make my own chan, "Maochan". I followed Denshi's "Comfy Guide to Installing Vichan", which is a YouTube video that comes with a webpage guide, and although his installation guide doesn't quite work anymore, I was able to get my Vichan site to work somehow anyways.

And that, I believe, is the first NGINX server I have ever run? And that was the moment that I finally figured out how HTTP servers work. It just sits there, waits for requests on a port to the IP, and will send a page through the HTTP protocols if everything is logically sound. I spent like 6 months in 2023 trying to understand how the fuck I could get a backend set up for an HTML page. And it made no sense to me. It wasn't until 2025 and the 4chan hack that it clicked for me.

Actually, I credit the 4chan hack with getting me back into coding. And for finally teaching me full stack. I'm kind of glad it happened, in a way. I also finally learned how to use Linux, which I needed to do to host my Vichan imageboard.

I used Linode VPS as the Linux server for this, and the reason I always use Debian Linux now seems to stem from its use in this tutorial.

I consider this distinct from the Neocities site because this was the moment I pretty much made my first full-stack website on my own. This was the moment I set up VMware Workstation, ran command-line Linux on a VM from my Windows PC, and set up Apache for the first time. And this website is served with Apache. This was in 2025, a week or two after the 4chan hack. Back in 2022 I put my Neocities page on GitHub, thankfully, so it was as easy as typing "git clone" to get my Neocities website onto my Linux server.

Many of the pages were broken, actually, and had been sitting broken on my Neocities page for years (although I think they might have worked before?) So I fixed many of the pages on this site with the rest of my first night of full stack programming.

This is a 3d model of a Ditto that I got from Models Resource. It's supposed to be extracted from Super Smash Bros Melee. I'm not sure if this is actually directly out of SSBM source code, it might be some replication. But anyways, it came in a ZIP with an OBJ file, an LMF file, and texture PNGs. I was able to connect them to ThreeJS, a javascript library that has 3d modeling abilities, and I was able to add a skybox and use controls to spin the ditto and stuff. The skybox is of some prairie/farm area. I like to call this Ditto "Farmer Ditto".

This uses PHPMailer (which you'd have to have installed) and the SMTP protocol to send an email on a contact page. Not sure if this is possible in the same way on WIndows. I have PHPMailer installed on Linux. I used Gmail SMTP as my host. That makes it a bit easier when you're setting this up. I've had this contact page send things from another email address to my Gmail address. However, I'm not sure if this works with sending from sending between like Proton and Yahoo, for instance. This is being operated by Google. Not sure how that works. The page you're reading this on may have a contact form by the time you're reading this, but when I wrote this, I was still figuring this out.

This is written in just an HTML document and a PHP document. It's just forms, buttons, and when submitting, the HTML forms refers to the PHP file. It uses a POST request.

This is trickier than one might expect. Set up a page system where PHP pages are added or culled based on how many images we're dealing with. It reads the SQL database to tell. If an image is removed from the database, it won't show anymore on the pages, but the stack also won't be weird. The next thing over will fill the space, and everything that should move over by one will move over by one. But also, if 1000 things are deleted, things will still work out normally.

This was the logical extension of my foray into 3d models with ThreeJS, since I got into this with the idea of remaking the trophy gallery from Super Smash Bros Melee.

This version of the idea has cards that you can scroll between (like YouTube shorts or something), and there's different spinning 3d models to look at. They each have a description on the side.

I feel like this concept would be easier to accomplish with a 3d engine like Unity that doesn't have universe-breaking attributes like the ability to zoom in and out on a page. That ends up messing up my ThreeJS program.

What I'd like to do with the idea now is have it so you can look closer at the model, and spin it how you want, in the same way that you can in the actual Smash Bros trophy galleries. Then go back to reading the description. Basically, have it so the simulation responds to buttons that let you manipulate the 3d model, or go back to scrolling between the cards. But I also have no real use for this project, so it's just kind of an idea. Just go play Super Smash Bros if you want to look at a 3d trophy gallery.

I had learned a lot about hosting websites when I hosted by Vichan 4chan clone to www.maochan.org using Nginx, and when I hosted Jordanislame.com on an Apache server. But my two things I run Linux servers through are usually a VMware Workstation emulation (which would involve using my own personal network for serving), and a Linode cloud VPS server. For a few reasons, hosting from my own PC doesn't really work. I'm also a bit paranoid about hackers attacking my home network anyways. So I usually use the cloud. But running 10 different servers to run 10 different websites would be expensive, wouldn't it? Linode charges you for each one that is running. So I decided to start running multiple websites from my server computers in all cases. With Apache, that involves learning virtual hosts. (there's a similar concept possible for Nginx btw) The easiest video I've seen on how to set this up is this one. Apache is an HTTP server, and having multiple websites stored in the website folders is not necessarily harder on the computer or the server than haveing one site per server. That's because if one site is dead and the other is busy, the only thing the dead site is doing to the computer is taking up some storage space in the site folder. And if both sites are busy, it just means twice the number of HTTP requests as one site of that traffic level.

The virtual host thing is the interesting part about this website you're reading. I forget if I had to do something special to make the domain names resolve to the same IP address. Check out this GitHub repo (I may or may not have it set to public) if you want to see how I set up the virtual hosts for an Apache server.

And I was lazy with the CSS on this website, so I just used Bootstrap, so a lot of the tables and fonts that you're looking at are made out of prebuilt Bootstrap things. I built the animated rainbow text myself, though, and I made that like 3 years ago for the meme soundboard.

Is it annoying you how I'm breaking these projects up into little pieces? One could say that a single project should be an entire major website made, or a massive app made, and little side projects shouldn't be included. However, this was a major step for me. This may be the first time I've used SQL for anything practical before. And I had to learn how to route PHP's MySQLi driver to communicate between PHP, HTML, and SQL.

This main homepage is currently just typed out in text as HTML. It just sits in an HTML file. It's not fancy. What was cool about this homepage was that I used Bootstrap and had put this on a server. But what's cool about this other project is that I learned PHP, SQL, and MySQLi in order to use it. As of this writing, I only put two tables on the page, and other than that the page is a remake of this page you're already on, but the table is entirely scraped out of PHP and SQL code. A PHP file tends to contain a bunch of HTML code that just is left untouched and treated like an HTML file. But in this case, we echoed out entire tables worth of data, that was sitting in a database, that was written into the HTML file by the PHP. I think that's cool.

The other thing is that this is a major step, because now that I know how to pull data out of a database and display it on a webpage, I can soon make a modern changing mechanical sort of site like Reddit or Newgrounds or something

On my original jordanislame.neocities.org indie web website, I had made a page sort of celebrating the aesthetic of the PC-98. It has images all over it of some of the more spectacular images and animations from those games. Games like Snatcher, etc. I made a mild remake of that page, but where the image paths are stored as a string in MySQL, and the string is fetched by a PHP loop to use in the "src" attribute of HTML image tags. Just like the Gurencodes main page database-ification I did right before this, it looks like the same exact webpage.

So is this even exciting? Maybe not to you. But for me, these are steps towards being able to make advanced websites with videos that have data (like a name and view count) attached to their SQL table row, login systems, etc. It's always good to get comfortable learning backend database systems if you want to get into web development.

I used some Bootstrap on this so it looks a little different than the original.

Arguably the thing that got me into web development was finding Neocities, and specifically, this guy Andrue's site "Voupie.lol". I think he's a Mexican guy that lives in Arizona or something like that. Anyways, in 2022 he was like the only person that had a Neocities youtube tutorial. So I found him that way, but he has probably my favorite Neocities site. I'm the other person with famous Neocities youtube video, mine has almost as many views as his.

Anyways, we've never met, but I take his ideas for my projects sometimes. This time I made my version of his Sega shrine. I'm a Sega superfan as well, probably moreso than him, and I've owned all the Sega consoles.

My version of the Sega shrine concept includes a Webamp player of my 10 favorite Sega Genesis BGM songs, and an EmulatorJS player of a game.

Since this site is for educational purposes, and I encourage my viewers to reverse engineer my website to learn coding, I consider this to be Fair Use under USA copyright law. The game rip was from a USA-region version.

I was going to do the SQL database experiments I've been doing lately but I decided not to.

This is a very simplistic hit counter system that just tracks how many people the page has been viewed by, or, really, how many times the page has been loaded. It just has an integer "hit" counter that goes up by 1 every time the PHP script runs, and that happens when the page is loaded. The "hit" column in the SQL database is semi-permanent. It's permanent as long as the database or the computer is never destroyed.

This isn't all that interesting, it's only interesting because it can be used for a "views" tracker on a large website later.

I still don't fully trust the internet. In this journey of learning full-stack and back-end development, I've been thinking a lot about how not to get my site blown up. I go through a VPS host, and don't want their computer to get compromised, don't want weird stuff in my storage, and also don't want my own credentials to get leaked. I've had to learn quite a bit about Linux security already, such as learning file permissions, keeping SSH access off for the root account, keeping sensitive information outside of the Apache domain root, etc.

Well, I'm interested in creating more advanced websites in the future, where someone could upload something to their account. Today's project is about letting me (and only me) log into a page, and then upload something to the server. I don't currently trust the internet enough to just leave an open upload link sitting on a webpage, where they can't get back their data but can upload whatever. Seems like a recipe for having weird stuff uploaded to my server. I don't really want that.

Anyways, this was quite a challenge. This was a combination of 3 major steps I've been working on lately, which is database usage (it calls my credentials out of the database), login screens, and upload pages.

I'll try to add picures here soon to show what's actually happening behind the scenes, since this is one of my mysterious entries.

Certain PHP functions I learned for this were session variable stuff like session_start() and session_destroy(), all the MySQLi connect methods like query() and fetch_assoc(), and some stuff in the "PHP.ini" file. Also, the PHP basename() function, and much more. I've been learning quite a bit with each of these projects, although they do probably look like pretty small steps, or even non-projects.

¯\_(ツ)_/¯

This isn't really that impressive or cool in a way, but I followed the in-editor tutorials that are in the sidebar of Unity 6.1, and I compiled my game that was made. It has a main menu at the front where you can try all the little worlds. I believe "escape" lets you go back to the main menu, and get out of whichever world you're in. I customized my worlds slightly, so they might look a little different than other people's compile of this completed tutorial. There's a picture of Konata from Lucky Star framed on the wall in one of the worlds, for instance.

This is my first project I made in Unity, apart from the tutorial. Actually, I've been installing and uninstalling Unity on repeat since about 2009. I never end up getting anywhere. But as part of the challenge I'm on where I'm locking myself in my room for 4 months and trying to make money from coding, I'm going to try Unity game development alongside web development.

I've been listening to a lot of Shinobi OST music lately, which is like 16-bit Chinese-style music. I also beat Shinobi Shadow Dancer on the Sega Genesis for the first time about a month ago. I decided to make a Unity game about ninjas, as a beginner projects. Didn't figure out stair physics or attack physics yet, though, so this is just a walking around simulator, in a world of random 3d assets.

You can either play the game on the Unity Play website, or play it by downloading this ZIP file and extraacting it as a folder. The goal is to find the 15 hidden ninjas. You don't click on them or anything, you just kind of count them in your head. You can't jump, or do anything but walk. You can noclip through objects. You're a ninja yourself.

Again, 3 options below. Option 1 involves playing it in the browser. Options 2 and 3 involve unzipping the package on Windows and running the exe.

Unity Play link

Google Drive link

Mega download link

As I've said before, I'm a bit paranoid about being DDOSed. When I first set up my server for these two websites, I noticed in my firewall logs that bots crawl the internet and send SSH requests to people's servers, like, every 5 seconds. So there are constantly people trying to SSH into your server at any given moment. These are likely created by hackers, that could find something useful if they invade your databases, for instance, like user passwords or credit card numbers. I already have multiple layers of security on my servers to prevent SSH access, database access, root access, etc. Seriously, it was a sobering moment, noticing that people were trying to log into my Linux user, every 2 seconds.

In order to prevent data transfer fees, I decided to instantiate Cloudflare protection. Cloudflare can use reverse proxies and split traffic from hammering in a precise manner. It can kind of diffuse it like light through a screen so that your IP isn't being hammered so intensely at once. I've noticed that many website use Cloudflare, including 4chan. A site like that gets attacked a lot, surely, by botnets, and I also read a story recently of Simmer.IO, where a DDOS cost him $100,000 and ripped apart his website. So I'm adding Cloudflare as some botnet protection.

I also did some experiments with Google Recaptcha, which I'll use for forms in the future to prevent spam, etc. I'll try to add a page showing what I mean soon, including a Captcha you can fill if you want to help Google's machine learning.

I first tried Wordpress back in like 2005, and I kind of hated it. I find HTML and CSS kind of fun, but I don't really like using CMS systems, usually. There's usually some annoying boundaries that you have to operate in, and I don't like that very much. There's also paid templates, usually, for a better-looking webpage. Anyways, although I'm confident that I could code a YouTube clone or something, I don't feel like putting together blogs or Yelp-style directory websites from scratch. I want to launch some Craigslist-style directory websites, as I hear that those can be money-makers. There's directory plugins for Wordpress. I'll experiment with that.

For now, what I'm linking to is just another version of this homepage, where I have an admin account that logs into the blog, and I have made a bunch of blog post versions of these tables on the homepage. I'm probably always going to just keep updating the homepage and not these experimental replicas of it, but yeah, I learn things along the way.

This is a Wordpress.org site rather than a Wordpress.com site. It's running on Linux. If I was still using the simpler version, this would probably still bore me and be trash. It seems cheaper and more versatile like this.

I'm working on some directory website concepts right now, because I want to get up to a high volume of websites owned, as one of my first entrepreneurial steps in the coding space. One could argue that the JordanIsLame website and my GurenCodes website and my YouTube channel that talks about coding are all entrepreneurial uses of coding, as my Neocities tutorial has 35,000 views, and my JordanIsLame website has 25,000 views. But these are barely monetizable concepts.

I've worked on a few commercial concepts recently, including a Raspberry Pi set that teaches things, a video website, and some game ideas in Unity and Unreal Engine. However, since I'm focusing on monetizing all of this as soon as possible, I'm trying to go with the skills that I am best at. The thing that I have practiced the most is old-school web-dev, including HTML, CSS, Linux, Apache, PHP, Bootstrap, etc. So I'm looking into launching more simple old-school websites like directory pages. I hear that there's money in them, still, to some extent. It would have to be large-scale, though. If you want to support me, by the way, please see the Kofi link and my crypto keys on the About page of this website. It's been a bit of a scramble, since I don't know if I should try to monetize my YouTube channel with tech tutorial more, launch websites more, make a game, or launch a Kickstarter. My ultimate goal is to become a tech powerhouse like Steve Jobs or Satoru Iwata. I think a lot of these people become more productive at their tech projects once they have money and can hire a team.

This version of the directory concept will be a single page directory that just has lists of links in cards. It's boxes with links of Roblox games, links of popular MMOs, links of Minecraft servers, links of game mods, etc.

I don't care about the SEO of GurenCodes or JordanIsLame, but since I want to put ads on this games directory site eventually, I did a bunch of SEO analyses on it. Fixed some broken Apache configuration files that I've been using across this server (that you're on), optimized the way the website description will show in the Google search results, etc. Used some SEO evaluation companies like Seobility to try to pump up my ratings. As of this writing, the site is bad, but I'd like to improve it over time.

I hear it's hard to get on Google AdSense, and I've never done it before. Hopefully traffic will come to this site eventually, and I'll be able to be approved for AdSense.

As I was coding GamerPages, I was thinking about myself when I was 8 years old, and how I would have liked a site that was a consolidated top 10 list of lots of different gaming-related links, like mods, game servers, games by genre, popular games, etc. But also links to flash game websites, since there were only 5 sites people used back then.

Since this is a one-page site, I think the SEO might be bad, and Google will suppress it. I'm not sure yet, we'll see. I'll try to add a search bar, some AJAX that temporarily removes elements for the search bar, and some SQL usage at some point. Might need to learn scraping to get more up-to-date information at some point, but for now, this is a static and hand-typed information directory.

I follow politics a lot, as I find it interesting, and things are heating up in the Middle East as of this writing. Missiles are currently flying across the Levant and the Arabian Peninsula. However, whether or not it's WW3 is hard to say, and this stuff is often determined by the history books later. World War I was initially called The Great War, for instance.

This program scrapes information from large world news outlets using Python's BeautifulSoup library. This information is saved into CSV files (like an Excel spreadsheet), and into JavaScript arrays. PHP reads the data out of the CSV file and some calculations are made to determine the current geopolitical tension level in the world. A conditional shows different information on the page, depending on the results from the articles. The scraped headlines and article descriptions are read through with a keyword regex system, which counts how many times that certain keywords are found, such as "attacks", "warfare", etc. Anything that trips the regex whatsoever is currently counted towards the total. There are 25 articles that are looked through.

A different meme is displayed depending on the tension score.

There's links to the Doomsday Clock homepage and to the White House Twitter, although it's not dynamic and is just there to add to the "war room" aesthetic.

The CSS is made to look like a naval radar system, and there's a lot of glowing green text.

Some pop culture inspirations for the project include Dr. Strangelove, Metal Gear Solid, Neon Genesis Evangelion, and Watchmen.

The past few projects have been somewhat momentous, so this feels like kind of a boring thing to put in this list, but I'll put it here anyways for my own benefit, since I'm about to rip it apart in my virtual machine and turn it into a product affiliate store. If I fail, I have a video and some proof of what I had made.

The homepage has images from Pexels strewn across pages through a pagination system. Each item has an image and a title. Thus, this uses the Pexels API to download those images and titles. We download the top 12 images of a search term at a time, and those links are saved to the SQL database, and the images themselves are saved to an images folder.

Pexels itself is a royalty-free images system, kind of like Shutterstock or Dreamstime where you don't have to buy the image rights. The API is also free to use, with a maximum of 200 items per hour. This project was initially done this way because I read that I'll need to use the Amazon affiliates API if I'm going to make a website of Amazon affiliate links. I'm not even sure, though.

The pagination system works and the search function works. I can search through the SQL database and show items on the search page, then go back to the homepage and it will work normally.

I know that being a sellout is wack. I lived through the 90s punk rock thing. But for my next project, I want to make a website with long lists of tiles of novelty products (that hopefully catch people's attention) with affiliate links. And I think I may have to start out with AliExpress affiliate links. And then I can make like 5% or so of any purchase that someone makes with one of my links.