DEV Community: Adenola Adefemi

ADENOLA ADEFEMI

Adenola Adefemi — Fri, 18 Sep 2026 14:36:38 +0000

Picture of ADENOLA ADEFEMI
Limn engine co developer

Try Limn engine ❤️❤️❤️🫡

Adenola Adefemi — Fri, 18 Sep 2026 14:20:55 +0000

Adenola Adefemi

Sep 18

U want to create a 2D game and don't know where to start from? Use Limn Engine!

1 min read

U want to create a 2D game and don't know where to start from? Use Limn Engine!

Adenola Adefemi — Fri, 18 Sep 2026 14:17:28 +0000

🎮
Getting into game development can feel confusing at first.
You might be wondering:
“What engine should I use?”
“How do I create my first game?”
“Where do I even get assets from?”
That’s one of the reasons I’m currently working on an Asset Store for Limn Engine. 🚀
The idea is to create a place where Limn developers can find assets they can use in their games — including:
🎨 2D Assets
🖼️ Backgrounds
🧩 Sprites
🔲 Textures
🖥️ UI Assets
✨ VFX
🔊 Audio
🛠️ Tools
I’m also working on a 2D Asset Editor, where users can select an image and choose whether they want to use it as a Background, Sprite, Texture, or UI asset.
The Asset Store is still under development, but I'm building it step by step and learning a lot along the way.
Limn Engine is a browser-based 2D game engine designed to make getting started with game development simpler. �
dev.to +1
This is just the beginning. 🚀

Asset store for limn engine

Adenola Adefemi — Fri, 18 Sep 2026 14:13:24 +0000

Building an Asset Store for Limn Engine

Adenola Adefemi — Fri, 18 Sep 2026 14:11:42 +0000

I’ve started working on something I’m really excited about — an Asset Store for Limn Engine.
The goal is to create a place where developers can discover and work with assets for their games, including:
🎨 2D Assets
🖼️ Backgrounds
🧩 Sprites
🖥️ UI Assets
🔲 Textures
🔊 Audio
✨ VFX
🛠️ Tools and plugins
One of the parts I’m currently working on is a 2D Asset Editor. The idea is that a developer can select an image and choose how it should be used — as a Background, Sprite, Texture, or UI asset.
I’m currently building the interface with HTML and CSS, while adding JavaScript where functionality is needed.
This project is giving me the opportunity to learn more about:
Building real developer-focused interfaces
Asset management
2D game development workflows
JavaScript interactions
Designing tools for game developers
It’s still a work in progress, but I’m excited to keep building it and eventually turn the idea into a proper ecosystem around Limn Engine.
This is one of the projects I’m currently building in public. 🚀
limnengine

Every beginner developer ever 😂💻

Adenola Adefemi — Sat, 12 Sep 2026 21:18:15 +0000

Tutorial:
“Now, simply write this 3-line piece of code.”

Me:
“Easy 😎”

The code:
❌ Error

Me:
“Okay… let me check the tutorial.”

Tutorial:
exactly the same code 😭

Me:
“WHY DOESN’T MINE WORK?! 💀

Building, Learning, and Creating — My Journey as a Developer 🚀

Adenola Adefemi — Sat, 12 Sep 2026 21:13:13 +0000

I’m excited to officially share a milestone in my developer journey: I’m a Developer at Limn Engine.

For me, software development is more than writing code. It’s about turning ideas into useful products, solving problems, continuously learning, and building things that create real value.

Joining Limn Engine has given me another opportunity to grow through real-world development, collaboration, problem-solving, and continuous experimentation.

As I continue this journey, I’ll be using this space to document what I build and learn along the way — from technical challenges and projects to lessons that have helped me become a better developer.

What I’m focused on

💻 Building practical software and web experiences
🧠 Strengthening my problem-solving and engineering skills
🔧 Learning and experimenting with new technologies
🤝 Collaborating with other developers and creators
🚀 Turning ideas into working products
📚 Sharing what I learn with the developer community

I’m still learning, and that’s one of the things I enjoy most about development. Every project presents a new problem to solve and another opportunity to improve.

This is only the beginning.

I’m looking forward to building more, learning more, and contributing more to the tech community.

If you’re also building something, learning to code, or working in tech, let’s connect and grow together. 🤝

Excited to Share: I’m a Developer at Limn Engine🚀

Adenola Adefemi — Sat, 12 Sep 2026 21:11:10 +0000

🚀 Excited to Share: I’m a Developer at Limn Engine

Hey everyone! 👋

I’m excited to publicly share that I’m a developer at Limn Engine.

Being part of a development team has given me the opportunity to keep improving my skills, work on real projects, collaborate with other developers, and learn from challenges along the way.

I’m especially looking forward to sharing more of my journey here on DEV — including things I build, lessons I learn, technical challenges I face, and projects I’m working on.

There’s still a lot to learn, and I’m excited for what’s ahead. 💻🔥

If you’re also a developer, I’d love to connect, learn from you, and grow together.

More building. More learning. More creating. 🚀

Why I created a bird website

Adenola Adefemi — Sat, 12 Sep 2026 21:05:00 +0000

Turning Passion Into Projects
🌲Hey DEV Community! I wanted to share the inspiration behind one of my favorite recent side projects.While practicing my web development skills, I decided to step away from generic templates and build something close to my heart: a custom website dedicated entirely to bird watching, species tracking, and nature.I chose the avian niche because bird enthusiasts are incredibly passionate, and it gave me a real-world canvas to practice layout design, clean navigation, and organizing content dynamically.Why I'm Sharing This 🚀As a growing developer, I realized the best way to learn isn't just reading textbooks—it's building things you actually care about. When you build around a hobby you love, fixing bugs and tweaking layouts feels less like work and more like an exciting challenge.I'd love to know: What was the very first passion project or niche website you built when you started your coding journey? Let me know in the comments! 👇

How I built a live code editor

Adenola Adefemi — Fri, 04 Sep 2026 16:12:06 +0000

Editor From Scratch (With Raw JS) 🚀Tags: #webdev #javascript #beginners #showdevThe Motivation 💡Hey DEV Community! I wanted to share my latest personal project. As I’ve been working on my skills and building my web footprint (including a personal project tracking my love for birds!), I realized I wanted a fast, lightweight sandbox to test code snippets directly in my browser.Instead of jumping into a massive framework, I challenged myself to build a live web-based code editor using nothing but raw, vanilla HTML, CSS, and JavaScript.Here is how I built it and the full source code so you can build your own!🛠️ How It WorksThe architecture is simple but powerful. It splits the screen into two main sections:The Input Pane: A where you type your code.The Output Pane: An <iframe> that acts as an isolated sandbox environment.The magic happens in the JavaScript. I added an input event listener to the textarea. Every single time a key is pressed, JavaScript grabs the string value and uses .write() to dynamically inject it straight into the iframe's document layout.📄 The Source Code1. index.htmlhtml<!DOCTYPE html><br> <html lang="en"><br> <head><br> <meta charset="UTF-8"><br> <meta name="viewport" content="width=device-width, initial-scale=1.0"><br> <title>Live Code Editor</title><br> <link rel="stylesheet" href="style.css"><br> </head><br> <body><br> <header class="editor-header"><br> <h1>🐦 Adenola Tech Editor</h1><br> <p>Type your HTML/CSS code below to see it live</p><br> </header><br> <div class="editor-container"><br> <div class="pane input-pane"><br> <div class="pane-title">Source Code Input</div><br> <textarea id="code-input" placeholder="Type HTML here..." spellcheck="false"><h1>Hello World!</h1><br> <p>Welcome to my live editor project.</p>

Live Preview Window

Use code with caution.2. style.csscss* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: sans-serif; background: #1e1e1e; color: #fff; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }
.editor-header { background: #2d2d2d; padding: 10px 20px; border-bottom: 2px solid #3c3c3c; }
.editor-header h1 { font-size: 1.2rem; color: #4caf50; }
.editor-container { display: flex; flex: 1; height: calc(100vh - 60px); }
.pane { flex: 1; display: flex; flex-direction: column; }
.input-pane { border-right: 2px solid #3c3c3c; }
.pane-title { background: #252526; padding: 8px 15px; font-size: 0.85rem; font-weight: bold; color: #00bcd4; }

code-input { flex: 1; background: #1e1e1e; color: #d4d4d4; font-family: monospace; font-size: 1rem; padding: 15px; border: none; resize: none; outline: none; }

live-preview { flex: 1; background: #fff; border: none; }

Use code with caution.3. script.jsjavascriptconst codeInput = document.getElementById('code-input');
const livePreview = document.getElementById('live-preview');

function updatePreview() {
const code = codeInput.value;
const previewDocument = livePreview.contentDocument || livePreview.contentWindow.document;
previewDocument.open();
previewDocument.write(code);
previewDocument.close();
}

codeInput.addEventListener('input', updatePreview);
window.addEventListener('DOMContentLoaded', updatePreview);
Use code with caution.📈 What's Next?This is just the baseline version! Moving forward, I want to add:Separate workspace tabs for HTML, CSS, and JS files.A download feature to export files directly to your local computer.I'd love your feedback! How would you handle syntax highlighting without relying on massive external libraries? Let me know in the comments below! 👇💡