DEV Community: FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Ask a DEV Community Mod! 🚀

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Tue, 16 Jun 2026 16:52:39 +0000

Disclaimer: Please read the full post before commenting. This post will be refined overtime, so I highly encourage to check back if there are any updates!

Hey everyone!

My name is Francis and I am a DEV user for 6 months. There is something I want to reveal...

I am a DEV Community Moderator

I am a Trusted Member AND a Tag Moderator for the #discuss (https://dev.to/t/discuss). With both, I am a DEV Community Mod! :D

My goal as a DEV Community Moderator is to ensure the community abides DEV's Mission and their Terms of Service when it comes to implementing best practices to writing articles and interacting with the community.

A guide for community interaction and getting started on DEV can be found here:

FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Mar 20

Get Started on Dev.to! A Beginner's Guide to Engage with the Community! 💡

#discuss #community #beginners #howtodevto

188

128

6 min read

The Goal of this Post!

I want to create a thread that allow users to ask questions and get a response in a timely manner. As a DEV Mod, I want to ensure you have your questions answered from a Mod perspective.

@ben, @jess and the rest of the DEV Team are extremely busy, especially with the acquisition of Major League Hacking.

A lot is happening behind the scenes at DEV and I believe I want to take the responsibility to answers questions and concerns as we are moving forward. It will save valuable time for the DEV team!

If you have questions about:

AI usage on DEV and ways I can improve my Moderation.
Questions on how to use DEV.
What a Community Mod can and cannot do.
Other fun Icebreakers (Love to chat!).

Note: Any questions related to how DEV and MLH team operates internally can be contacted through to the DEV team email: yo@dev.to

I would love to hear from you!

Q/A

How do you determine the Article's Quality?

The article is based on these key factors:

User activity, reading the article in its entirety, running via GPTzero.

No favoritism is involve in the decision making whether the post is consider high or low quality.

If you believe there is a mistake or that you notice something different when posting content on DEV (such as visibility and Sloan Messages), let me know!

Is "Sloan" a real person?

Nah. It's a bot that Community Moderators control. Note that Tag Moderators exclusively do not have this power.

Are you the only Moderator?

No. There are others out there like me. According to @jess, I am the most active Moderator currently. Note that Moderation changes will be implemented in the future. I recommend revisiting this post for updates!

Comment on Ask a DEV Community Mod! 🚀 Jess Lee Jun 16

Hey all, just wanted to share that we'll be updating our general moderation guidelines and tooling for the community soon.

A lot goes on behind-the-scenes that's a combination of manual moderation and automated spam detection. There is a lot of nuance here that requires constant adjustment and rebalancing.

I'll note that there are hundreds of mods with the ability to send messages via Sloan, so not all of it has fallen on Francis's shoulders - though we deeply appreciate his dedication to the the community, and he is by far one of our most active volunteer moderators.

We'll share a more substantial update on community moderation and our perspective on AI-assisted content in the next few weeks.

Ask away DEV Community! :D

End of the Year idea for DEV?

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Mon, 15 Jun 2026 20:24:36 +0000

Hey all!

I have this thought in mind that we should all come together as a community to celebrate the end of the year.

I am planning on doing this yearly under the DEVenger org, but I don't have any ideas as of now. We can do something like "the DEV community built this" or something.

If you have any ideas on what the dev.to community should do, let me know!

A Developer using AI. What Could Possibly Go Wrong?

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Fri, 12 Jun 2026 23:11:30 +0000

I was lurking around dev.to because I was bored and I saw a post made by @sylwia-lask on the topic:

AI as a tool rather than an authority

Sylwia Laskowska

Jun 10

The Code Works. What Could Possibly Go Wrong?

#discuss #ai #webdev

143

137

5 min read

What stood out to me was the "Vibe Coding Trap" in particular. We all have Vibe Code something at least once and to be honest, it is quite useful when it comes to prototyping, building template projects, etc. However, it can be damaging if we are not careful on how much we rely on AI.

and spoiler alert (from the title), a lot can go wrong. Let me explain.

You use AI excessively? You should Caallllmmm dooowwwnnnn.

AI is everywhere. There is no doubt about it and we all use it in our workflows. The problem is because it is hard to ignore, we are prone to use it...maybe too much.

As a person searching for work, I am realizing that I need to tone down the amount of the use of AI when it comes to contributing to Open Source and my personal projects. Here is the main reason.

Can you explain what you built in an Interview?

You can build a very polished project using AI. It may sound impressive on paper and sure, you can use AI to provide you a summary for others to understand.

But here is the thing.

Once you start getting into an interview and try to explain what you built in detail, your ankles will be broken to the point where Bumgumi's half-baked domain expansion is more impressive than your explanation to the project that you vibe coded.

As my friend, John, states: "It's like saying you did a back flip in Chinese, but you don't know Chinese".

It is important that you own your code by not relying on AI too much to the point where you have no idea on what you built. You can for sure use AI when you are creating a simple template, but it is not prefer to use AI just to "one-shot" a project and claiming that you built all that.

There are exceptions. For example, if you are building a project using AI and showcasing it for fun, than it is fine. However, if you are building a Vibe Coded Project and listing it on your resume, good luck explaining in detail about how and why you built it that way.

Overall, use AI as a tool and ensuring that you are still learning the same way as if you are using StackOverFlow back in the days.

Speaking of, it reminds me of a post by @greggyb:

Shifting the focus from syntax to judgment

Greg Baugues for Google AI

Jun 11

My daughter asked if developers used to write code by hand, but it was the follow-up question that surprised me.

#discuss #ai #webdev #career

1 min read

He mentions about the workflow it used to be for developers where:

For most of my career, the standard loop was: write some code → hit a wall → Google it → find a StackOverflow answer → copy, paste, tweak. That ran from the late 90s to roughly 2022. Then everything changed.

What stood out to me was "What I do know is this: there has never been a better time to invite someone new into programming. The barrier that built up over decades is coming down fast.".

Even though it is great to try something new, we have to acknowledge if it will affect us in a good or bad way. For this case, I believe that AI is a great addition to have. However, it is always good to balance it out.

I always have this statement in mind when doing anything "Anything too much or too little is not good for you". If you use too much AI, you are not learning...you are relying. However, using AI too little depends on situations such as if you decide to write manual test data instead of asking AI to create mock data for you. In other words, being on that side of the coin can be time consuming for you if you don't use AI to speed up the process.

Again, use AI efficiently and ensure you are still learning and growing.

What do you guys think about this? Let me know your thoughts!

Two Devs and a Copilot Created ClassifierAI: A Prototype Chrome Extension that Automatically Detects AI-Generated Content on DEV!

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Sat, 06 Jun 2026 01:41:40 +0000

This is a submission for the GitHub Finish-Up-A-Thon Challenge

Note: AI is currently a Hot Topic in the developer space. I recommend reading this post in full before commenting. The dataset being used does not come from dev.to, so expect the AI model to be inaccurate. This is to showcase a tool that can be helpful for others in the future and eventually tune it to be more accurate on the DEV platform. I will talk more about it further in the post. If you have any questions or concerns, I would love to hear from you!

Authors

Main Author: Francis Tran @francistrdev
Co-Author: Elmar Chavez @codingwithjiro

This is a Team Submission featuring Francis and Elmar!

Table of Contents

Introduction

What We Built

Why does this Project Exist?

Demo

Installation

Using the Chrome Extension

The Comeback Story

The Old Era

The New Era

My Experience with GitHub Copilot

Summary

Current Challenges in our Chrome Extension

Thank You!

Introduction

AI has shaped everything on the internet. This ranges from easier access to information faster than before to having AI in our development workflows.

With the good side of the use of AI, there is also the bad side of using AI. Currently, there is a lot of purely AI-generated content being produced on the internet in order for sites to boost themselves to relevance on Google, which creates unnecessary competition. Additionally, with the advance of AI, it has continuously become more difficult to distinguish content that is AI-generated versus content made by a Human. "AI" as a name on its own has a bad reputation due to how people are using AI regardless of if you are using it as a tool.

Even though AI is everywhere, many people are combating it. Sometimes it is handled in a professional setting while others handle on a vigilante level (not recommended at all). As a DEV user, the goal is to try to minimize AI-generated articles on dev.to in order to enhance the user experience and diversifying content where others can learn and grow as a developer.

With that said, along with Elmar's collaboration, we built ClassifierAI!

Disclaimer: Before commenting, this project is a prototype! This is meant to showcase what the Chrome Extension can do based on existing data used, which the model is not accurate due to data not coming from dev.to directly. This Chrome Extension is not meant to be used as a perfect solution to filter out AI-Generated content as a result of data outside of dev.to. I will talk more about this later in the post.

What We Built

We built ClassifierAI, which is a prototype Chrome Extension that allows you to detect AI-generated content on DEV in an instant. This is built using Tensorflow.js to perform:

Image Classification to determine if the cover image of the article is AI-generated using Teachable Machine by Google.
- The dataset used to train the model: https://huggingface.co/datasets/Hemg/AI-Generated-vs-Real-Images-Datasets
- The settings to train the model based on 866 images in total (433 images per class where we have two classes that is labeled "AI" and "NotAI"):

866 Images Total
2 Classes Total
  - "AI" Class
  - "NotAI" Class

Epochs: 30
Batch Size: 16
Learning Rate: 0.0001

Text Classification to determine if the article itself is AI-generated.
- The dataset used: https://huggingface.co/datasets/gouwsxander/wikipedia-human-ai

Initially, it started off as a Chrome Extension that scans 100 images on Google Images to detect if the image is AI-generated and label them accordingly.

For this case, we updated the Chrome Extension where it only works on dev.to, and is able to classify the entire article, including the cover image, and showing the result to the user whether the content is AI-generated. This Chrome Extension works every time the user clicks on an article on DEV.

Why does this Project Exist?

Generative AI is currently a hot topic in my experience. Many friends and colleagues I have despise Generative AI because they have the notion that "it will replace your job".

Sounds familiar? We all heard that phrase at least once...

Although there are tools to combat this like GPTZero, it is still an issue because:

It is a lot of manual work just to copy/paste to see if it is AI-generated.
There are tools that bypass GPTZero in order to get the "Human" result. Every style of writing is different across communities, so it can be difficult to identify AI-generated content overtime.

With these problems in mind and the state of DEV, I want to create a useful tool that identifies AI-generated content automatically without having to open GPTZero and copy and pasting just to know the result of the content.

Additionally, this Chrome Extension is personalized for DEV since I believe the dataset collected in the future will be more focused and accurate (I believe all blogging platforms have different writing styles regardless of content being AI-Generated. Hence, making it more personalized and focus on the DEV space).

Overall, this Chrome Extension solves the issue when it comes to less manual work and more personalized for DEV since I believe it reduces the chance of having tools that bypass the AI scanner since it is more focused than broad.

With community support, I hope that the model will be more tuned and accurate as DEV continues forward! Which is why we made it Open Sourced as an Unofficial DEV Chrome Extension. More details later in the post.

With that said, we will now show our prototype Chrome Extension in action!

Demo

In this demo, we will show you the installation process in order to get the Chrome Extension running in your browser and showcasing how the Chrome Extension works.

Installation

To get started, create an empty folder on your computer and open it using VScode or any IDE.

1) In the Terminal, clone the repository:

git clone https://github.com/FrancisTR/ClassifierAI.git

2) Ensure you are in the directory by doing:

cd ClassifierAI

3) Then install packages and run the build:

npm install
npm run build

4) On your browser, head over to the extension page and ensure you enabled Developer Mode.

5) Finally, drag the "dist" folder onto the extension page and you are ready to go!

Now we will talk about how to use the Chrome Extension on dev.to!

Using the Chrome Extension

To use the Chrome Extension, open the popup located on the top right of the browser and enable the switch.

Then, click on any article you see on dev.to and it will do its thing: Scanning the Cover image and the article to determine if either of them are AI-generated.

For the Cover Image, the AI will perform Image Classification to determine if the image is AI-generated. Once the scan is complete, the AI will embed an icon, located on the bottom right of the image. In this case, it is not AI-generated.

There are three icons to expect:

Like we saw, this icon indicates that the image is not AI-generated.

This icon indicates that it may or may not be AI-Generated.

This icon indicates that it is AI-generated.

For the article itself, the way you can see if the article is written by AI or not is located in the popup menu in the Chrome Extension on the top right as shown below:

Note: There is currently no breakdown feature on which part of the article is AI-generated or not.

The Comeback Story

Initially, the project was considered "complete" in my view a couple years ago. However, I wasn't proud of the outcome due to the fact that there were bugs that were hard to detect and how "messy" it felt. I haven't touched the project in years due to other things that needed my attention during that span.

When I heard about this challenge, I though it would be a great opportunity to not only finish the project, but also to work with Elmar directly and explain the code-base to someone.

This gave me the opportunity to practice my skills in communication and to be able to explain what I have built. It was also a good opportunity for Elmar as well since this is his first time working on an existing code-base and contributing to it!

Not only did we finish the prototype, but we also learned from each other when it comes to:

Explaining the code-base to a new developer.
Organization and Communication skills when working in different time zones.
Learning the responsibility of a Maintainer for a project.

With that said, I will be explaining what the project was meant to be and how we got to the finish line!

The Old Era

The old ClassifierAI's purpose was to scan 100 Images sequentially based on what is currently being loaded on the page and to label each image accordingly if it is made by a Human or not via icons shown here.

For the main functionality, all you have to do is enable the scan in the popup.

You then scroll the Google Image page and let it do its thing.

That's it.

Additionally, the repository is incomplete since the "demo" section in the README.md is empty during that time. The overall project back then didn't feel "impactful" since its only purpose was to scan images and the model I currently have isn't accurate due to an unbalanced data sample in the dataset overall.

If you would like to see what it looked like initially, feel free to visit the branch I linked below: https://github.com/FrancisTRAlt/ClassifierAI/tree/OldProject

Now, we then transfer to the new Era and how we complete the project (as a prototype)!

The New Era

When the Challenge was announced, I asked Elmar if he would like to contribute to my half-baked project, which he said "Yes"!

The first thing we did was to migrate to Vite. The reason is that in the old project, the packages were installed locally instead of via npm. The reason is how Chrome Extension works is that it restricts developers from calling "CDN" links and external packages. The only way to do this in Vanilla was to install the files locally.

Is this ideal? Definitely not. Back then, with the knowledge I had, it was the only solution.

Fortunately, with the help of AI, we were able to Migrate to Vite. Migrating to Vite allows us to install packages via npm. It is much more clean and saves a lot of space.

Speaking of installing packages, Elmar noted that the ml5.js, a library that is used for Teachable Machines, is a deprecated package and other issues he came across:

The bright side is that the issues were fixed, though it gave us this when we npm install:

You could say that we can do npm audit fix --force, but that lead to more issues than before. Even then when doing npm audit fix doesn't change anything. For right now, these vulnerabilities exist in the current state...

With the migration to Vite, we then moved on to the bigger tasks, which is training the AI Model!

Initially, the goal was using Gemma 4 instead of using the custom model I have trained using Teachable Machines for scanning cover images. However, like any local model, the problem was performance since it takes awhile to produce an output.

For some reason, it got to the point where the Chrome Extension nuked the whole browser, making it unusable (Don't ask how that happened or even how it is possible to begin with).

Instead of using an existing LLM, I thought about using an existing dataset that already has images for me to train as an improvement to the current model I have for Image Classification.

Although this is an improvement, the model is still not perfect since the images in the dataset is WAY different from images being used on DEV, but it is at least diversified compared to the previous dataset I had. Additionally, instead of scanning 100 images, it only scans one (which is the Cover Image).

The new feature we implemented in our Chrome Extension is classifying articles and determining if the article is AI-generated. I looked on YouTube for an approach and I found this video explaining on classifying text:

The way text-classification works on this current Chrome Extension is that it grabs the entire text from the article to feed into the model.

function getCleanArticleText() {
  const root =
    document.querySelector(".crayons-article__body") ||
    document.querySelector("article");

  return root ? normalizeWhitespace(root.innerText) : "";
}

Then, it takes in the article and performs classification based on the dataset used from Wikipedia (which is the reason why it is not accurate when using this extension on dev.to due to the style of the content).

It then gives a score to the user a percentage on how much it is Human generated versus AI-generated.

function detectGPTStyle(text) {
  if (!wikipediaDataset || wikipediaDataset.length < 10) {
    return baseUnknownResult();
  }

  const datasetScore = compareDataset(text);       // AI %
  const devHuman = computeDevHumanScore(text);     // Human %
  const generalHuman = computeGeneralScore(text);  // Human %
  const aiPenalty = detectAIPatterns(text);        // AI %

  // Adjust weights here
  let humanScore =
    devHuman * 0.40 +
    (100 - datasetScore) * 0.35 +
    generalHuman * 0.25 -
    aiPenalty * 0.25;

  // Modify squash sensitivity
  humanScore = squashScore(humanScore);

  // Adjust classification thresholds
  let label =
    humanScore <= 33.33
      ? "AI-generated"
      : humanScore >= 66.66
        ? "Human-written"
        : "Mixed";

  const finalScore = Number(humanScore.toFixed(2));
  return {
    label,
    averageAIScore: finalScore,
    humanPercent: finalScore,
    aiPercent: Number((100 - humanScore).toFixed(2)),
    mixedPercent:
      finalScore > 33.33 && finalScore < 66.66 ? 100 : 0,
  };
}

Other small things we added was UI enhancements where we used chart.js to display information in a more clean way.

That's it! The project is complete! Is it perfect?

I say this because there is always room for improvements, especially with the dataset we currently have. The dataset for the image classification and text classification is there as a placeholder just to showcase the main functionality. In the future, we hope to use the dataset coming from dev.to specifically in order for the model to be more accurate.

My Experience with GitHub Copilot

Disclaimer: This section accounts for my experience using GitHub Copilot. Elmar uses ChatGPT for his development workflow and has been using it as a mentor to navigate the code-base and fix bugs as shown earlier.

I have used GitHub Copilot before in past challenges on DEV and I talked about my experience using GitHub Copilot. For this project, nothing really changed much. The main thing GitHub Copilot has been really useful for is in the migration process such as

Translating Bootstrap to Tailwind CSS.
Moving away from ml5.js to Tensorflow.js.
Ensuring the project follows the Chrome Extension Manifest V3.

One example I will showcase is telling GitHub Copilot to translate the current ml5.js code to Tensorflow.js.

Essentially, I asked GitHub Copilot "Migrate from ml5.js to tensorflow.js" and it did the work!

It was quite a smooth process when migrating. Sometimes there were errors during the migration such as:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'NotAI')

Even with that, it was able to fix the issue relatively fast without the need for me to undo everything and re-prompt it (which is the biggest issue when working with AI).

Overall, it was nice to see GitHub Copilot being able to migrate, fix errors, and ensure the code-base cleanly migrates without any issues.

However, token usage has been burning faster than before when I used it in a previous DEV challenge where we used GitHub Copilot. I am not sure if there is a change in policy of how many tokens are being burnt, but it is one thing I noticed. Other than that, it was a good experience!

Summary

In conclusion, this is the project we built with the intention of reducing the number of AI-generated content on DEV. Additionally, we intended for this project to diversify content and enhance the user's experience when it comes to connecting and growing as a developer.

Not only did we create this project with the intention of helping the community, but we also learned new things when working on the project.

For me, I learned about the responsibility as a project maintainer and being able to communicate with my partner on the tasks that needed to be completed as well as considering the time zone we live in (I am based in the US while Elmar is based in the Philippines). Additionally, as this is Elmar's first time seeing my existing code, I learned not to over explain my code and to be as simple and straightforward as possible when it comes to delivering tasks to Elmar and reviewing his Pull Requests.

For Elmar, this is his statement about this project overall:

Navigating My First Open Source Chrome Extension Codebase

Working on someone else's codebase was a completely different challenge.

At times, it felt like I was walking on glass, afraid to mess something up.

It forced me to slow down and read the codebase first. While ChatGPT helped me understand concepts and unfamiliar parts of the code.

I've had experience reviewing other people's code through Frontend Mentor, but this felt very different. When contributing to a real project, every change has consequences. I found myself asking more questions than usual and learning the answers along the way.

One thing I learned even more than the codebase itself was the importance of communication. I spent a lot of time discussing ideas, asking questions, and seeking clarification from the maintainer.

Looking back, I think the cycle of asking, learning, understanding, and validating took far more time than writing the code itself.

I also learned the importance of being adaptable. The project evolved during my contribution journey, which meant my assumptions and plans had to evolve as well. On top of that, I encountered my first real merge conflicts but I managed to pull through in the end.

Overall, contributing to ClassifierAI gave me a much better understanding of how real-world software development differs from building projects alone.

Beyond the technical skills, I learned how to collaborate with maintainers and communicate changes through pull requests.

This experience yet again proved what I read early on in my career:

"The ability to read and understand code is often more valuable than the ability to write it."

Although we have learn a lot, there are still current issues that I believe it is important to address when using this Chrome Extension.

Current Challenges in our Chrome Extension

As mentioned many times before, this project is a prototype for many reasons. Right now:

The model and the dataset is not aligned to what we have on dev.to. In detail, the dataset comes from the Wikipedia while the dataset for images comes from HuggingFace. Both of these dataset are not accurate to the dev.to platform. We hope, with more collaboration, to get data from dev.to and retrain the model that is more accurate than before and align to value of the DEV community.
Limited features to the users such as which area in the article is AI-generated and which is not. Also, not accounting for when it is appropriate to use AI such as using AI as a translation, grammatical checks, etc.

With that said, we hope you see the value in our work and contributing to this project further!

Thank You!

Thank you for reading our post on our Chrome Extension Project! It was fun to work with Elmar and getting to know him more and his current knowledge as a developer!

If you would love to contribute to our Chrome Extension, feel free to visit the repository below. Your contribution matters to dev.to! Feel free to provide any feature requests and issues you may notice!

FrancisTR / ClassifierAI

A Chrome Extension that detects AI-generated images using Machine Learning.

Welcome to the ClassifierAI Repository!

Description

A Google Chrome Extension that integrates Machine Learning to determine if the image and the dev.to article, that the user is viewing, is AI-Generated. This uses Tensorflow.js to perform Image Classification and Text Classification.

The model is trained using Teachable Machine by Google where it is train from 866 images, that consists of AI and Non-AI images, using the following settings:

Epochs: 30
Batch Size: 16
Learning Rate: 0.0001

Technologies Used

Core Tech:

Content Analysis:

Extension Tooling:

How to Run

Clone or download the repository and navigate to the project directory.
Install the project dependencies:
```
npm install
```
Build the extension:
```
npm run build
```
Open Google Chrome and navigate to:
```
chrome://extensions
```
Enable Developer Mode in the top-right corner.
Click Load unpacked and select the generated dist/ folder.
The extension is now installed and ready to use.

Demo

This is the overall demo of the use…

View on GitHub

I hope this project will be useful for you and inspire you to build something that will make an impact! Thanks for stopping by!

Follow The DEVengers Organization!

The DEVengers Follow

This is an organization where we assemble the greatest minds the community has ever known! The question isn't "How fast can I code?". The question is "What will I learn from the farthest below?".

Check out Elmar Chavez!

Elmar ChavezFollow

Licensed civil engineer turned full stack developer building accessible, responsive web applications. I also review code in Frontend Mentor and participate in collaborative projects.

Any questions/comments? I would love to hear from you!

🗓️ Monthly Dev Report: May 2026

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Fri, 29 May 2026 14:17:56 +0000

Hey everyone! I bring you my development journey on what I have discovered, accomplishments for this month, and the goals for next month!

Additionally, I will share some posts highlights on what post I am proud of sharing to Dev.to and my top 3 posts that stood out to me this month!

✨ Dev.to Posts Highlights! ✨

Here is one of the posts I am proud of for this month!

Gemma 4 Challenge: Write about Gemma 4 Submission

FrancisTRᴅᴇᴠ (っ◔◡◔)っ for The DEVengers

May 22

Should you use Gemma 4 for your Development? A Multiversal Analysis to Determine if Gemma 4 is Right for You!

#discuss #devchallenge #gemmachallenge #gemma

19 min read

Made a Gemma 4 submission that featured @javz, @konark_13, and @codingwithjiro on their use of Gemma 4! I hope that this post will win in the top 5!

Here is the top 3 posts that I have discovered that stood out to me!

A CSS veteran’s take on speed vs purity

Sylwia Laskowska

May 4

I Love Tailwind. Sorry Not Sorry

#discuss #css #tailwindcss #frontend

156

133

5 min read

A pumpkin pie analogy for hand-crafted code

Andy Robinson

May 1

I Don't Like Tailwind. Sorry Not Sorry

#discuss #css #webdev #frontend

120

5 min read

@sylwia-lask @freshcaffeine Battle of the Titans about their opinion on Tailwind. Loved their view on Tailwind and why they liked/disliked it! (I like Tailwind haha. I know I say top 3 post, but I would count this as an exception as one post)

Relatable memes on collaboration styles

Klaudia Grzondziel

May 8

5 types of engineers I met as a Technical Writer

#watercooler #technicalwriting #discuss #jokes

118

5 min read

@klaudiagrz A fun short and sweet post about sharing her experience on how engineers view documentation from her perspective as a Technical Writer!

Statelessness and cost-saving tips

Jasmin Virdi

May 26

An LLM API call, in 4 GIFs

#llm #javascript #ai #beginners

111

4 min read

@jasmin A post about LLM API Calls using GIF to show what it looks like in a simple way.

Monthly Discovery 🔍

🔍 NPM oopsie 🫡

🔍 Duolingo, but you are a programmer

🔍 A kid who hacked the Pentagon

Accomplishments 🏆

✅ Made a couple Pull Requests and got 3 Pull Requests merged onto Forem!
✅ One Pull Request got merged onto the Virtual Coffee Website!
✅ Submitted the Gemma 4 Post.
✅ Cleaned up the DEVenger Org and invited great-minded individuals featuring:

Anmol BaranwalFollow

Just a tech guy who loves writing about technical stuff (1.5M+ reads) Open Source developer

Mikey DorjeFollow

Musician who codes

✅ Continued interacting with the Dev.to community.

Still working on... 🔨

🔨 Clean up Resume.
🔨 Clean up my portfolio and publishing it on Dev.to for Review.

Goals for Next Month 🎯

📝 Continue Forem Contribution.
📝 Continue Virtual Coffee Contribution.
📝 Clean up Resume.
📝 Clean up my portfolio and publishing it on Dev.to for Review.
📝 HackerRank clean up and learning Ruby!
📝 Continue interacting with the Dev.to community.

Feedback 💬

What else should I do for June?
Any questions/comments/advice or tips for the Monthly Report? Leave a comment below! I would love to hear from you!

Should you use Gemma 4 for your Development? A Multiversal Analysis to Determine if Gemma 4 is Right for You!

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Fri, 22 May 2026 17:36:15 +0000

This is a submission for the Gemma 4 Challenge: Write About Gemma 4

Disclaimer: This is an individual submission for Francis Tran (@francistrdev). Everyone involved has their own accounts of using Gemma 4 and has been paraphrased in this post. See below for the list of people involved.

Author: Francis Tran (@francistrdev)
Featuring: Elmar Chavez (@codingwithjiro), Konark Sharma (@konark_13), and Julien Avezou (@javz)

The cover image uses characters from various Anime chosen by the people who are featured in this post, put together in using Pixlr, and using AI to enhance the quality of the image. Some contents started off using AI and has been paraphrased by the author's own words.

Introduction
Setting up Gemma 4 using Ollama
- Installing Ollama and Gemma 4
- Trying out Gemma 4
- Running Gemma 4 Offline
- Elmar's Verdict on Gemma 4
Using Gemma 4 as a Confused Developer
- The Strawberry Test
- The Tic Tac Toe Rotation Test
- The Broken Cup Test
- Konark's Verdict on Gemma 4
Building a Prototype using Gemma 4
- Results of Gemma 4 Vs. GPT 5.4
  - Technical Depth
  - Architecture & System Thinking
- Julien's Verdict on Gemma 4
Using Gemma 4 as an AI-Agent
- Gemma 4 is Strict
- Please Google I need this. Gemma 4 is kind of Looping Itself
- Francis' Verdict on Gemma 4
Summary

Thank you for Reading!

Introduction

In the age of AI, many developers are using AI in their workflows. This can range from AI assistants cleaning up a large code-base to developers vibe coding a prototype to showcase to others.

Regardless of your use of AI in your development, it is important to choose the model you want to work with. There are a lot of choices to choose from such as ChatGPT, Gemini, Copilot, etc. The one we are talking about today is Google's latest model: Gemma 4!

The goal of this article is to share our experiences using Gemma 4 in 4 different perspectives of Development starting from setting up Gemma 4 using Ollama, testing the hallucination of Gemma 4, how Gemma 4 outputs, and using Gemma 4 as an AI-Agent. Additionally, I will share our discoveries and whether we recommend using Gemma 4 based on our experiences! We hope that our experience of using Gemma 4 will help you to decide if Gemma 4 is right for you in any skill level of your developer career!

With that said, we will now talk about the setup process. In any development, we all experience setting up our environment whether it is OpenClaw or a simple NPM package! Having a local LLM is one of them. Here is Elmar's experience of setting up Gemma 4 using Ollama!

Setting up Gemma 4 using Ollama

Elmar ChavezFollow

Licensed civil engineer turned full stack developer building accessible, responsive web applications. I also review code in Frontend Mentor and participate in collaborative projects.

Elmar has been using ChatGPT for the past year where he mainly uses it as a mentor when doing projects. He was interested having a LLM locally. He believes that having an LLM locally is convenient for his case, due to power outages he has to faced in the Philippines. Having Gemma 4 locally will allow him to be productive when coding without the need to worry about connecting to the internet. With that said, he started to research about setting up Gemma 4 using Ollama.

Installing Ollama and Gemma 4

Elmar started to search on the internet, looking for tutorials on getting started on Gemma 4.

One of the ways to get started is installing Ollama, which Elmar thought was a weird name until he realized the logo was an actual llama.

When downloading Ollama, the main issue is the storage, which was nearing 100% capacity and Ollama installer defaults to the C:\ drive.

After searching more about installing Ollama without installing on the C:\ drive, which led to this command he had to run on the terminal:

C:\Users\ELMAR>cd Downloads
C:\Users\ELMAR\Downloads>OllamaSetup.exe /DIR="D:\Ollama"

Ultimately, it worked well. He had done other configurations such as redirecting the AI model installation in the same drive under D:\OllamaModels. He then downloaded the gemma4:e4b.

Trying out Gemma 4

The first thing Elmar tried was "hi gemma4". Although the expected outcome is Gemma 4 saying hello back, it gave him this error:

Error
500 Internal Server Error: model requires more system memory (9.8 GiB) than is available (4.9 GiB)

For context, this is his device specifications:

His laptop is great for programming and other developments. The issue is that his laptop is only suitable for "lightweight models" when it comes to downloading LLMs locally.

Elmar discovered that local AI depends heavily on your own hardware, unlike browser-based AI tools like ChatGPT.

One of the things Elmar did was to run a smaller version of Gemma 4:

ollama run gemma4:e2b

It gave him a similar error as before:

Error
500 Internal Server Error: model requires more system memory (7.2 GiB) than is available (5.7 GiB)

After investigating a bit more, he closed other applications that were running on his computer and taking up space and it outputted!

The big thing about running it for the first time is that it took longer than he expected, but he mentioned that he had VSCode, Notepad, and 4 tabs currently opened in his Chrome Browser.

Running Gemma 4 Offline

Elmar was curious about the result of using Gemma 4 without connecting to the internet.

It ran slower than usual, but it is still under a minute.

Elmar then tried to ask questions to Gemma 4 that he would normally ask to ChatGPT as part of his Development workflow.

In this case, he is currently building his website portfolio. Elmar asked a question along with attaching a screenshot to Gemma 4 and here is what it output:

Surprisingly, it took less time considering the fact that he inserted an image for this use case.

The wait time for the LLM to respond, which is around a minute, is reasonable for Elmar since he has a decent laptop. It is quite useful especially for countries that commonly have power outages or that have unreliable internet.

Elmar's Verdict on Gemma 4

This is Elmar's Verdict of Gemma 4 in terms of setting up via Ollama and using it for the first time:

Web-based LLMs are great for convenience and device flexibility. While local LLMs are great for offline reliability and privacy, I'd say the experience of experimenting with Ollama + Gemma 4 only made my perspective with AI clearer.

It is not magic, it's just data combined with probability and rendering models that require large amounts of RAM for compute power.

This begs the question, if I have a higher end device, would I invest fully into local LLM's?

I would not sacrifice my own hardware for running AI computations just to get responses faster.

There are data centers that have the hardware especially built for AI. I would rather give the job to them.

Overall, ChatGPT is still far more practical for my current workflow so I will be sticking to it as my default. However, I would definitely use Ollama + Gemma 4 as a reliable alternative.

That is Elmar's Verdict on Gemma 4! In the early stage, it is fast to setup, but difficult to use when it comes to response time and the hardware needed, especially considering most users do not have a powerful laptop.

Now you know about the setup with Gemma 4! Starting off with Gemma 4 and seeing its outputs is a good sign that everything works! However, although Gemma 4 is a small and powerful model, how good is it at not being confused? We now transition to Konark where he tested Gemma 4 to the limit!

Using Gemma 4 as a Confused Developer

Konark SharmaFollow

I am software engineer who finds fun and creativity in Frontend. I would love to be a part of a team to help, develop and learn from new people and add my knowledge to the project.

Konark has been using Gemma 4 for some time and the one thing he wanted to know is to see if he can abuse Gemma 4 to its confusion.

We all have that one moment where we randomly test an AI just to see “How smart are you actually?" with questions like “How many r’s are there in strawberry?”. Konark did three tests such as the Strawberry test, the Tic Tac Toe Rotation test, and the Broken Cup Test.

The Strawberry Test

Konark asked Gemma 4: “How many r’s are there in strawberry?” (The answer would be three). Initially, this type of question was commonly used to confuse many AI models.

Gemma 4 thought for a while and gave Konark three different interpretations regarding the number of "r’s" in strawberry.

Konark realized that sometimes AI over complicates simple questions and he would rather prefer simple answers. For example, if there are 10 apples in a basket and you asked Gemma 4: “How many apples are there?”.

Would you prefer this answer:

“This is my first time counting. Do you mean apples inside the basket or around the basket?”

Or would you simply perfer:

“There are 10 apples.”

Konark would prefer the second answer.

With these results, he was curious about how Gemini would answer to the strawberry test. As such, he asked Gemini and it simply replied:

3 r’s.

It is straightforward and it is always good to have a simple, non-complex answer.

The Tic Tac Toe Rotation Test

Another fun question Konark asked Gemma 4 was: “How would rotating a tic tac toe board by 90 degrees change the rules of the game and its strategy?”

The whole goal is to see if Gemma 4 thinks it's still the same, expect the board is rotated.

However, Gemma 4 took quite some time to conclude this. It explained things properly and even walked through a rotated example.

Although it is a helpful response, it would be nice to get a more straightforward answer similarly to the Strawberry Test.

The Broken Cup Test

This is Konark's favorite test, in which he asked Gemma 4: “I have a metal cup with the bottom missing and the top sealed. How can I use this cup?”

The simple answer would be "Rotate the cup. And suddenly, it becomes usable again.".

However, Gemma 4 did not really understand the trick. Instead, it started suggesting alternative ways to use the object.

Although it is creative, it is not entirely correct.

On the other hand, Gemini understood the trick faster and then even expanded on practical uses.

Overall, Gemma 4 still struggles with certain trick questions and edge-case reasoning.

Konark's Verdict on Gemma 4

This is Konark's verdict of using Gemma 4.

After playing around with both models, I reached a simple conclusion.

Gemma 4 feels good for:

learning

content generation

straightforward explanations

slower, detailed responses

Gemini feels better for:

trick questions

quick reasoning

direct answers

faster conclusions

And honestly, both have their place.

Sometimes I want a detailed explanation.

Sometimes I just want: “Bro, just give me the answer.”

And that matters.

Because developers don’t always want essays. Sometimes we just want the bug fixed.

This is important to consider when you want to use Gemma 4. Sometimes, we just want a simple answer to the issue we are trying to solve. Of course, prompting varies and this is Konark's experience using Gemma 4 so it can be different from others.

Speaking of prompting, AI is used to prototype projects in development! We now transition to Julien's experience on using Gemma 4 when it comes to prototyping a project and how it compares to what he usually uses, which is Codex!

Building a Prototype using Gemma 4

Julien AvezouFollow

Builder | Software Engineer | Author of The Thinking Engineer Toolkit

Julien planned on using AI to create a fast prototype.

He was curious about how Gemma 4 performs compared to his usual setup, Codex (GPT 5.4).

For context, the project is a Chrome extension to help develop better use of LLMs. He will share more on his blog page in the future!

His goal is to compare Gemma 4 Vs. GPT 5.4 when it comes to prototyping. For this comparison, he will run tests across the following 2 categories using the same prompt as input and comparing the quality of the outputs:

Technical Depth: The factual accuracy, understanding of deep system mechanics and ability to compare non-trivial trade-offs.
Architecture & System Thinking: The ability to think at the macro level, identifying bottlenecks, scaling issues, and making justifiable "when/why" decisions.

Results of Gemma 4 Vs. GPT 5.4

Here are the results for the cases of Technical Depth and Architecture & System Thinking!

Technical Depth

This is the prompt given to both LLMs:

I am building a Chrome extension which detects when a developer is using ChatGPT, Claude, or Gemini, shows a floating button, opens a side panel, lets the user describe their task, recommends one of five AI thinking modes, generates a better prompt, and lets the user copy it manually.

Modes:
1. Explore — when I don’t fully understand the problem yet
2. Challenge — when I have a plan, but it might be wrong
3. Decide — when I need to choose between options
4. Audit — when I need to verify quality or correctness
5. Reflect — when I want to actually learn from what I did

MVP constraints:

Chrome extension only

no login

no dashboard

no automatic prompt insertion

no usage tracking yet

Task:
Give me a technically detailed implementation plan for the MVP.

Here is the results:

Model	Pros	Cons
Gemma 4	Clear high-level structure. Correctly identifies manifest, background script, content script, overlay UI, and template-based prompt generation. Easy to read. Good for a conceptual first pass.	Too generic. Does not mention Chrome Side Panel API. Blurs overlay and side panel. Drifts from your exact modes. Weak on privacy/security. Less actionable for immediate implementation.
GPT 5.4	Much more implementation-ready. Strong file structure. Useful code snippets. Correct Chrome APIs. Better MVP scoping. Better maintenance thinking. Exact mode alignment. Clear recommendation to avoid LLM/API in v1.	Still light on deeper security analysis. The manifest/build setup would need adjustment because TypeScript files are not directly used by Chrome without bundling. Could have compared local/API/hybrid tradeoffs more explicitly.

Overall, GPT 5.4 gives the stronger Technical Depth output since it is more accurate, more build-ready, and more specific.

Architecture & System Thinking

This is the prompt given to both LLMs:

I am building a Chrome extension that helps developers use AI more intentionally.

It sits on top of ChatGPT, Claude, and Gemini. The user describes their task, then it recommends one of five thinking modes and generates a better prompt to copy.

Modes:
1. Explore — when I don’t fully understand the problem yet
2. Challenge — when I have a plan, but it might be wrong
3. Decide — when I need to choose between options
4. Audit — when I need to verify quality or correctness
5. Reflect — when I want to actually learn from what I did

MVP:

detect supported AI chat pages

show floating ModeCheck button

open side panel

recommend mode

generate better prompt

copy manually

soft CTA to the Thinking Engineer Toolkit

Future:
A SaaS dashboard may later track AI usage modes, cognitive cost, dependency patterns, and optional hard blocks.

Task:
Think at the system architecture level.

Cover:

best one-week MVP architecture

what to build now vs postpone

key system boundaries

privacy/trust risks

maintenance risks for a solo builder

how to preserve future optionality for analytics/dashboard

strongest argument for and against the browser extension approach

recommended roadmap: week 1, month 1, month 3

Be concise but thoughtful. Focus on trade-offs and “when/why” decisions.

Here is the results:

Model	Pros	Cons
Gemma 4	Good strategic restraint. Correctly recommends client-side MVP, hardcoded templates, no backend, and no dashboard at first. Good emphasis on fast time-to-value. Useful suggestion to model prompts as structured objects/schema for future flexibility.	Less complete system thinking. Weak privacy/trust analysis. Weak argument for/against extension approach. Maintenance advice is shallow. Roadmap becomes generic around logging, API integration, billing. Does not fully address future cognitive-cost/hard-block architecture.
GPT 5.4	Stronger system boundaries. Better local-first architecture. Better privacy/trust framing. Better solo-builder maintenance analysis. Stronger roadmap. Better future optionality through event/data modeling without collecting data yet. Better distinction between host page, extension, and future backend.	Does not go very deep on future scaling bottlenecks or hard-block mechanics. Could have included Gemma’s useful prompt-schema idea. Slightly less focused on concrete “engine” abstraction for prompt assembly.

Overall, GPT 5.4 wins on Architecture & System Thinking. Gemma 4 provides a solid, restrained MVP strategy, but GPT 5.4 gives a more complete architectural view: system boundaries, trust, local-first design, future analytics optionality, solo-builder maintenance risk, and roadmap discipline.

Julien's Verdict on Gemma 4

This is Julien's verdict on the use of Gemma 4:

GPT 5.4 seems to be the strongest at high-level reasoning and synthesis as you would expect from a recent frontier model.

However a good use case for Gemma 4 in terms of prototyping work would be for codebase analysis, running experiments through constraints and for privacy-sensitive workflows.

Being an open model which can be run locally has great specific and complementary use cases when prototyping developer tools.

I will consider this going forward.

Even though GPT is preferred when it comes to high-level reasoning and synthesis, there are other cases where Gemma 4 is useful for prototyping.

Speaking of prototyping, now we transition over to using Gemma 4 as an AI-Agent!

Using Gemma 4 as an AI-Agent

FrancisTRᴅᴇᴠ (っ◔◡◔)っFollow

📚 𝗙𝘂𝗹𝗹-𝗦𝘁𝗮𝗰𝗸 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿 📚 🚀 𝗗𝗘𝗩 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝘁𝘆 𝗠𝗼𝗱𝗲𝗿𝗮𝘁𝗼𝗿 🚀 ༼ つ ◕_◕ ༽つ🍰🍔🍕 ₍₍⚞(˶>ᗜ<˶)⚟⁾⁾ "ᴀ ꜱᴍᴏᴏᴛʜ ꜱᴇᴀ ɴᴇᴠᴇʀ ᴍᴀᴅᴇ ᴀ ꜱᴋɪʟʟᴇᴅ ꜱᴀɪʟᴏʀ" - ꜰʀᴀɴᴋʟɪɴ ᴅ. ʀᴏᴏꜱᴇᴠᴇʟᴛ

Whenever I am contributing to Open Source, it is quite useful to have an AI-Agent to work with you. My preference is to use an agent living in an application like Visual Studio Code.

I have been using GitHub Copilot when it comes to contributing to Forem and it has been useful when it comes to navigating code bases, problem solving issues, etc.

When I heard about Gemma 4, I thought it would be a good idea to try out when using Gemma 4 as an AI-Agent. I specifically used the cloud version using Ollama since the hardware I have cannot handle LLM locally, even though I tried the smaller version of the model.

Setting up wasn't too difficult on my part. Since I tried Ollama to begin with before the release of Gemma 4, it was as easy as pulling the model using this command:

ollama pull gemma4:31b-cloud

After installing, I selected the model and was ready to go!

When using the model, I noticed there wasn't much of a big change compared to my initial workflow of using Copilot as my agent.

Both models asked me for permission when running commands, able to problem solve the issue I requested, etc. To be fair, I wasn't using "Continue" Visual Studio code extension since it is quite popular when using local LLMs. Also, Visual Studio code is flexible when it comes to adding your own model in addition to using Copilot, which I wasn't surprised that it behaves similarly when using Copilot.

However, there are a couple of things I noticed when using Gemma 4 that I believe are important to address based on my experience using Gemma 4.

Gemma 4 is Strict

The main difference between Gemma 4 and Copilot was that it is quite firm on the tasks it is given to them. I notice that whenever I request a plan on tackling an issue, it provides a To-do list of the steps Gemma 4 is planning on doing to fix the issue.

For example, this is the prompt I gave to Gemma 4:

I have this issue. How do I approach this?

https://github.com/forem/forem/issues/23277

It will output their findings like any other LLM. However, it would not act right away and instead, listed out the next steps:

In cases like these, I just follow up the Agent "Go for it" or "Proceed". Sometimes it does everything in the to-do list in one go and in other cases it goes one by one where I have to tell the Agent to "Do all the tasks". Do note that I did not change any settings as I was setting up Gemma 4 since it was just pulling the model and selecting it in Visual Studio Code.

Compare that to Copilot, where regardless of the prompt, it would take action right away. There were cases where I forgot to change the mode from "Agent" to "Chat" and I was specifically asking the AI about the plan to tackle the issue. Instead of listing out the steps, it did it right away which I did not want it to do.

In all fairness, Gemma 4 and Copilot are from different companies (Google and Microsoft) and since Copilot is built into Visual Studio Code, it is fair to assume that its actions strictly follows based on the settings you have in Visual Studio Code for Copilot.

However, it is always nice to see Gemma 4 listing out the To-do list and asking the user to proceed. I believe it is good practice by default if you are a type of user that wants to get an AI's advice on what to do and doing it yourself from there.

Please Google I need this. Gemma 4 is kind of Looping Itself

It is exactly what you are thinking. This is a common occurrence where Gemma 4 will read a file from top to bottom and reread it again. Here is an example that I encountered when using Gemma 4:

I am not sure what is causing this issue since this happens randomly.

The solution is stopping the Agent and sending the same prompt. This fixes the issue really well, though this bug remains a mystery to why it occurs in the first place.

Francis' Verdict on Gemma 4

This is my verdict on the use of Gemma 4 as an AI-Agent:

I believe Gemma 4 works really well when being an open source developer. It can navigate large code-bases and being able to solve complex problems well for a model that is quite small.

Although there isn't a big difference between Gemma 4 and other models I have used, it is good to consider token usage. I would recommend Ollama when using Gemma 4. It is free to use the cloud version and the tokens reset weekly whereas Copilot resets monthly. If you are heavily relying on AI-Agents, I would recommend the Ollama solution since it is more flexible. Even if you reach the daily limit of tokens, it resets every few hours.

I would highly recommend Gemma 4 as a great starting point when it comes to using it as an Agent when you want to contribute to open source. Just remember to monitor the response time since there is a very good chance where it loops itself in which it would burn tokens in the process.

Summary

Gemma 4 has been used in some aspects when it comes to setting up Ollama to use Gemma 4, testing out the response of the model, prototyping using Gemma 4, and the role as an Agent. Here are the main things to consider based on what I have shared above.

1. Convenience

Like any other local models, you have to consider not only if you are conformable downloading a model locally, but ensuring you have enough compute power to run an LLM. Although there are options to use LLM on the cloud (for Ollama at least), having a local LLM is very convenient for developers who want to run the model locally and not worry about:

Use of Tokens limits and payed services.
The environment when it comes to data centers in the age of AI.

2. Performance

Speaking of compute power, having a local LLM, even with smaller models of Gemma 4, still needs a lot of power. We saw that in Elmar's experience, it took a while for Gemma 4 to produce an output comparable to using any cloud model. If you are comfortable with the wait time of the model, then it shouldn't be a problem!

3. Context Output

Every model behaves differently whether cloud or local models. This is no different to Gemma 4. If you are using Gemma 4, you have to make sure the prompt is specific to your needs. This is best practice in prompts in general when it comes to requesting your needs and being as specific as possible.

4. Role as an AI-Agent

It is common for developers nowadays to use a local model to run as an Agent. Using Gemma 4 via Ollama has been a great experience for me. Do note that you may encounter issues when using Gemma 4. I would recommend monitoring Gemma 4's token usage in the event of Gemma 4 looping itself and burning unnecessary tokens.

Verdict: Overall, if you have enough power to run a local LLM and would like to have a model that is smaller but more powerful than other Flagship models to use in your development knowing the limitations of local LLMs in general, then I believe Gemma 4 is right for you!

I hope that this Multiversal Analysis has helped you to determine if Gemma 4 is right for you! If you like to learn more about Gemma 4 in detail, you can read here: https://deepmind.google/models/gemma/gemma-4/

Note: Gemma 4 has different model sizes and the conclusion based on the verdicts may not be accurate to your own personal experience. However, I believe these experiences capture the feeling on what to expect when using Gemma 4 and any local AI model in general.

Visit the Google Documentation to learn more: https://ai.google.dev/gemma/docs/core

Thank you for Reading!

If you have made it this far, thank you for taking the time to read this article! I hope you have learned something based on our experiences using Gemma 4 in different areas of development.

I would like to give credit to the Virtual Coffee Group where I used their "#co-working" room to meet with Elmar Chavez (@codingwithjiro), Konark Sharma (@konark_13), and Julien Avezou (@javz) for the first time outside of DEV and would love to work with them again in the future!

Check out Virtual Coffee below to see what they do!

Virtual Coffee Follow

Virtual Coffee is a laid-back conversation with developers twice a week. It's the conversation that keeps going in slack. It's the online events that support developers at all stages of the journey.

Feel free to send us love by following us individually and our DEVenger org!

The DEVengers Follow

This is an organization where we assemble the greatest minds the community has ever known! The question isn't "How fast can I code?". The question is "What will I learn from the farthest below?".

FrancisTRᴅᴇᴠ (っ◔◡◔)っFollow

Julien AvezouFollow

Builder | Software Engineer | Author of The Thinking Engineer Toolkit

Konark SharmaFollow

I am software engineer who finds fun and creativity in Frontend. I would love to be a part of a team to help, develop and learn from new people and add my knowledge to the project.

Elmar ChavezFollow

Licensed civil engineer turned full stack developer building accessible, responsive web applications. I also review code in Frontend Mentor and participate in collaborative projects.

Challenge #1: Did you find 4 hidden random videos in this article?

Challenge #2: How many "r's" are there in this post in total?

Challenge #3: Who are the anime characters in this article's cover image?

Challenge #4: Based on Challenge 3, who decide to choose those anime characters in this article respectfully?

Any questions/comments? Love to hear your thoughts on Gemma 4! What's your experience on using Gemma 4 and do you recommend it?

Honesty is the best Policy. The Secret Invasion of the use of AI on DEV

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Mon, 18 May 2026 22:50:23 +0000

I recommend reading the post by @best_codes that talks about how people are using AI on dev.to.

Bot-to-bot comment interactions

BestCodes

May 16

Dead Internet Theory is Happening to dev.to

#discuss #ai

4 min read

I wasn't planning on writing the post about it anytime soon until seeing that article. Time to time, I have seen people use AI to write their articles and seeing that it gets more engagement than actually writing it.

Hearing that makes me feel disappointing that we have not done enough to make the platform more genuine, especially where we actually have rules on the use of AI generated content. More information can be found here: https://dev.to/guidelines-for-ai-assisted-articles-on-dev

I believe the use of AI to assist you in writing is fine. There is nothing wrong with that. However, I believe it is best practice to let the reader know that the post uses AI in some degree regardless of if you use it for grammatical checks or fully generate the post with purely AI (which I do not recommend on doing).

We may not see it, but we are a small community where we have the power to make a positive impact on dev.to. We are lucky that @ben and @jess allow us to have the ability to moderate the platform and look out for each other and ensuring we are enforcing the rules. Not a lot of spaces online has that kind of trust in their community as far as I have seen.

As a DEVenger, I am contributing my part to enforce the rule to reduce down the number of fully AI-generated content and ensuring everyone is following that rule of adding the disclaimer that the post uses AI in some degree.

Some of you may agree with me and some may disagree...and that's ok! I believe that quality always beats quantity and I want to ensure dev.to is a genuine place where others can learn from each other and not worrying about engagements.

What can you do as a DEV?

I recommend reading this post about the use of AI on DEV

Erin Bensinger for The DEV Team

Dec 19 '22

Guidelines for AI-assisted Articles on DEV

#meta #chatgpt #writing #abotwrotethis

124

4 min read

Make your best judgement and determine if the author is following the rules of the use of AI. If you believe that they are not following the rules, take action by:

Marking the post as "Low-Quality".
Inform the author.
Report the post.

Note: It is always a good idea to communicate to the author first before doing anything. If the user continues to break the rules, feel free to report it.

This is important. Please do not attack anyone on DEV in the process. dev.to is a safe space and should be treated with respect and its integrity. Respect each other and abide the DEV Terms and Conditions and always make sure to think before you act!

Just a PSA I want to share.

For everyone on DEV, I hope you can do your part to make dev.to a great place! Expect Sloan messages to be more active as moderation ramps up. Feel free to share your experience on DEV so far and what can it be improve in the age of AI.

Welcome to the DEVengers Organization! A group of extraordinary individuals who have shaped Dev.to like no other! 🚀

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Fri, 08 May 2026 18:28:58 +0000

Disclaimer: This is a Fan group that is built with love and passion to the Dev.to platform. This group is not affiliated with the Official Dev.to Team in any capacity! This post will be continuously edited based on feedback and updates!

Introduction

Welcome to the DEVengers organization! It is a group of carefully selected individuals that has proven themselves above and beyond their niche and is here to showcase it to the Dev.to platform!

This group is founded by me (Francis)! When I first joined Dev.to, I found many talented individuals sharing their thoughts, work, and advice to the platform. It was helpful for me to expand my skills as a developer and the community is really supportive!

This has led me into creating this organization! The goal is to select individuals who has proven themselves to go above and beyond the expectation they set upon themselves. Additionally, members will share their posts on their specific niche with high quality and easy to follow for everyone on Dev.to!

Content to Expect

Depending on the individual, the content varies. There is no set "theme" to what the DEVengers post. It can be anything ranging from tips/tricks, opinions on DEV, etc. However, the posts will be high quality and useful for developers that needed it!

How do I join?

The recruitment process is not simple. It will depend on each individual and there is no telling on if you are qualified. If the organization leader believes that you are fit for the group, the leader will send the invite via email using the Invite feature.

Thanks!

This is our introduction! Thank you for reading! Feel free to leave any questions or concerns below!

What is your WPM (Words per Minute)? #2

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Tue, 05 May 2026 14:28:36 +0000

Cover Video is from DC's Legends of Tomorrow on Guitar

I am curious, What is your WPM?

The highest WPM and Accuracy for the 1 minute and 5 minute, shared in the comments, will be featured on my next Monthly Dev Report respectfully :)

Take the 1 Min Test Take the 5 Min Test

Current Dev.to World Record Holder

Here are the current record holders!

1-minute Challenge! 🏅

Jatin Sharma Follow

Turning Web Dreams into Reality, Just Like Tony Stark's Vision

@j471n With a 121 WPM with 98% accuracy!

5-minute Challenge! 🏆

Jon GottfriedFollow

Co-founder of Major League Hacking

@jonmarkgo With a 114 WPM with 98% accuracy!

Submission Instruction

Complete the challenge. Either do 1 minute, 5 minute, or both!
In the comments, screenshot your result and tell me your favorite music! See below for example submission:

My Favorite Music

Good Luck! Submission is closed by May 22!

EasyPollVote [Dev Log #4]

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Fri, 01 May 2026 15:14:37 +0000

Welcome to the Forth DEV LOG!

Welcome to the forth Dev Log of my full stack application called EasyPollVote (EasyPV)!

What is EasyPollVote (EasyPV)?

A Next.js application where the ultimate goal is having the convenience to create your own poll and share it for others to vote on your custom poll!

For example, a user can create their own poll. Their poll can be something like "Do you like Cats or Dogs?" following the two options users can vote on "Cats" or "Dogs". Then, they will be able to send the private link to anyone and the voters can vote on it without the need to create an account!

That is the whole goal. Do note that this goal may change as time goes on!

The current goal is to learn about the use of Supabase!

Current Progress

Nothing new other than cleaning up code. @sylwia-lask made a poll and here are the results!

As mention in the last Dev Log, I will now be discussing how the Custom Polls work!

Part 1

Here is the HTML code based on the image above:

<form onSubmit={handleSubmit} className="w-full p-4 sm:p-6 md:p-8">
    <h2 className="text-xl font-semibold text-center p-4 sm:p-5 border-4 border-indigo-200 border-b-indigo-500">
        Create a Poll
    </h2>

    <div className="mt-5 mb-5 justify-center">
        {/* TITLE */}
        <label>
            <h1>Poll Title</h1>

            <input
                type="text"
                placeholder="Poll Title (required)"
                value={title}
                onChange={(e) => setTitle(e.target.value)}
                className="w-full mb-4 p-3 border"
                required
            />
        </label>

        <label>
            <h1>Poll End Date</h1>

            {/* END DATE */}
            <input
                type="datetime-local"
                value={endDate}
                onChange={(e) =>
                    handleEndDateChange(e.target.value)
                }
                className={`w-full mb-1 p-3 border ${endDateError ? "border-red-500" : ""
                    }`}
                required
            />
        </label>

        {/* ERROR */}
        {endDateError && (
            <p className="text-red-500 text-sm mb-3">
                {endDateError}
            </p>
        )}
    </div>

    {/* OPTIONS */}
    <label className="block mb-2 font-medium">
        Poll Options
    </label>

    <div className="w-full mb-4 p-4 sm:p-6 border">
        {options.map((opt, index) => (
            <div
                key={index}
                className="flex flex-col sm:flex-row items-stretch sm:items-center gap-2 mb-3"
            >
                <input
                    type="text"
                    placeholder={`Option ${index + 1}`}
                    value={opt.text}
                    onChange={(e) =>
                        handleOptionChange(
                            index,
                            e.target.value
                        )
                    }
                    className="flex-1 p-3 border"
                    required={index < 2}
                />

                <div className="flex gap-2">
                    <input
                        type="color"
                        value={opt.color}
                        onChange={(e) =>
                            handleColorChange(
                                index,
                                e.target.value
                            )
                        }
                        className="w-12 h-12 p-1 border cursor-pointer"
                    />

                    {index >= 2 && (
                        <button
                            type="button"
                            onClick={() =>
                                removeOption(index)
                            }
                            className="px-3 py-3 bg-red-500 text-white"
                        >
                            ✕
                        </button>
                    )}
                </div>
            </div>
        ))}

        {options.length < 4 && (
            <button
                type="button"
                onClick={addOption}
                className="w-full mb-2 p-3 border"
            >
                + Add Option
            </button>
        )}
    </div>

    {/* SUBMIT */}
    <button
        type="submit"
        disabled={loading || !!endDateError}
        className="w-full bg-blue-500 text-white py-3 disabled:bg-gray-400"
    >
        {loading ? "Submitting..." : "Submit"}
    </button>

    {message && (
        <p className="text-sm text-center mt-3">
            {message}
        </p>
    )}
</form>

In this form, we have the main functionalities:

"handleSubmit"
"setTitle"
"handleEndDateChange"
"handleOptionChange" and "handleColorChange"
"addOption" and "removeOption"

I will be discussing in reverse order.

"addOption" and "removeOption"

Nothing big is going on. Basically, the user have the option to create up to 4 options for the voter to vote on and being able to delete the options as well:

// Add/Remove options (max 4, min 2)
const addOption = () => {
    if (options.length < 4) {
        setOptions([...options, { text: "", color: "#a855f7" }]); // Add option
    }
};
const removeOption = (index: number) => {
    if (options.length <= 2) return;
    setOptions(options.filter((_, i) => i !== index)); // Remove option
};

"handleOptionChange" and "handleColorChange"

Speaking of options, you have the ability to enter a name for that option and the color associate with it.

// Poll options w/ color associated with each option
const handleOptionChange = (index: number, value: string) => {
    const updated = [...options];
    updated[index].text = value;
    setOptions(updated);
};
const handleColorChange = (index: number, color: string) => {
    const updated = [...options];
    updated[index].color = color;
    setOptions(updated);
};

"handleEndDateChange"

Based on the input, it get stored:

const handleEndDateChange = (value: string) => {
    setEndDate(value);
    setEndDateError(validateEndDate(value)); // Validate the date
};

"setTitle"

Just storing in a variable :)

"handleSubmit"

I save the biggest one for last!

// Handling submit of the form
const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
    setLoading(true);
    setMessage("");


    const filteredOptions = options.filter(
        (opt) => opt.text.trim() !== ""
    );

    try {
        // duplicate check uses filtered options only
        for (let i = 0; i < filteredOptions.length; i++) {
            for (let j = i + 1; j < filteredOptions.length; j++) {
                if (filteredOptions[i].text.trim().toLowerCase() === filteredOptions[j].text.trim().toLowerCase()) {
                    setMessage("Options cannot be identical!");
                    setLoading(false);
                    return;
                }
            }
        }

        const isoEndDate = new Date(endDate).toISOString();

        // POST request one all the validation is complete
        const res = await fetch("/api/poll", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
            },
            body: JSON.stringify({
                title,
                options: filteredOptions,
                endDate: isoEndDate,
            }),
        });

        const data = await res.json();

        if (!res.ok) {
            throw new Error(data.error || "Something went wrong");
        }

        const pollUrl = `${window.location.origin}/poll/${data.pollId}`;

        setMessage(
            "Poll created successfully! Share this link: " + pollUrl
        );

        // reset form
        setTitle("");
        setEndDate("");
        setEndDateError("");
        setOptions([
            { text: "", color: "#22c55e" },
            { text: "", color: "#3b82f6" },
        ]);
    } catch (err: any) {
        setMessage(err.message);
    } finally {
        setLoading(false);
    }
};

The first big thing it it does is ensuring there are no duplicate values in the options section. If there are no duplicate names, we then proceed to set the date to an ISO and do a POST request on api/poll.

// POST request one all the validation is complete
const res = await fetch("/api/poll", {
    method: "POST",
    headers: {
        "Content-Type": "application/json",
    },
    body: JSON.stringify({
        title,
        options: filteredOptions,
        endDate: isoEndDate,
    }),
});

It uploads the title, options, and its enddate of the poll.

Once the user submits the form, it generates a link for the user to share with others to vote on their poll!

const pollUrl = `${window.location.origin}/poll/${data.pollId}`;

setMessage(
    "Poll created successfully! Share this link: " + pollUrl
);

In the api/poll/route.ts, it only has a single POST request:

export async function POST(req: Request) {
    try {
        const body = await req.json();

        const { title, options, endDate } = body;

        // 1. Validate input
        if (!title || !endDate || !options || options.length < 2) {
            return NextResponse.json(
                { error: "Invalid input" },
                { status: 400 }
            );
        }

        // 2. Validate ISO date (already normalized from client)
        const normalizedEndDate = new Date(endDate);

        if (isNaN(normalizedEndDate.getTime())) {
            return NextResponse.json(
                { error: "Invalid date format" },
                { status: 400 }
            );
        }

        if (normalizedEndDate.getTime() <= Date.now()) {
            return NextResponse.json(
                { error: "End date must be in the future" },
                { status: 400 }
            );
        }

        // 3. Insert Poll
        const { data: pollData, error: pollError } = await supabase
            .from("Poll")
            .insert([
                {
                    PollTitle: title,
                    Poll_EndDate: endDate,
                    Poll_Ended: false,
                },
            ])
            .select()
            .single();

        if (pollError) {
            return NextResponse.json(
                { error: pollError.message },
                { status: 500 }
            );
        }

        // 4. Insert Options
        const optionsPayload = options.map(
            (opt: { text: string; color: string }) => ({
                poll_id: pollData.id,
                option_text: opt.text,
                option_color: opt.color || "#a855f7",
                Votes: 0,
            })
        );

        const { error: optionsError } = await supabase
            .from("VoteOptions")
            .insert(optionsPayload);

        if (optionsError) {
            return NextResponse.json(
                { error: optionsError.message },
                { status: 500 }
            );
        }

        return NextResponse.json({ pollId: pollData.id });

    } catch (err: any) {
        return NextResponse.json(
            { error: err.message || "Server error" },
            { status: 500 }
        );
    }
}

Pretty much we do an insert in two tables where we insert into the Poll table and insert to the VoteOptions table, where the VoteOption has a Foriegn key linked to the Poll.

You may also noticed this part, which we will get to later:

Poll_Ended: false,

Part 2

When the user linked on an existing poll, this is what the structure look like:

{/* RESULTS */ }
<div className="p-4 sm:p-6 md:p-8">
    <h1 className="text-center text-xl font-semibold">
        Total Votes: {totalVotes}
    </h1>

    {options.map((opt) => {
        const votes = Number(opt.Votes) || 0;
        const percentage =
            totalVotes > 0 ? (votes / totalVotes) * 100 : 0;

        return (
            <div
                key={opt.id}
                className="flex justify-between items-center p-4 sm:p-5 shadow-md outline outline-black/5 dark:bg-gray-800 border-2 border-gray-80 dark:border-gray-700 m-2"
                style={{
                    background: `linear-gradient(to right, ${opt.option_color} ${percentage}%, transparent ${percentage}%)`,
                }}
            >
                <span className="font-medium bg-black text-white px-2 py-1 rounded text-sm sm:text-base">
                    {opt.option_text}: {votes}
                </span>
            </div>
        );
    })}
</div>

{/* VOTING FORM */ }
{
    !hasVoted && !pollEnded && (
        <form
            onSubmit={handleVote}
            className="p-4 sm:p-6 md:p-8 flex flex-col gap-2"
        >
            <h1 className="font-medium mb-2">Choose your Vote!</h1>

            {options.map((opt) => (
                <label
                    key={opt.id}
                    className="flex items-center gap-2 p-2 border-2 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700"
                >
                    <input
                        type="radio"
                        name="vote"
                        value={opt.id}
                        checked={selected === opt.id}
                        onChange={() => setSelected(opt.id)}
                        className="cursor-pointer"
                    />

                    <span className="flex-1 text-sm sm:text-base">
                        {opt.option_text}
                    </span>
                </label>
            ))}

            <button
                type="submit"
                disabled={loading}
                className="w-full bg-blue-500 text-white py-3 disabled:bg-gray-400 mt-5"
            >
                {loading ? "Submitting..." : "Submit Vote"}
            </button>
        </form>
    )
}

{/* MESSAGE */ }
{
    (message || hasVoted) && (
        <p className="mt-4 text-center text-sm p-4 sm:p-5">
            {message}
        </p>
    )
}

It is structured similar to the Demo Poll I discuss on the last Dev Log. Most of it is trying to fetch data from the database and displaying it in the UI.

In another component, we have a timer set. If the timer has reach the end date (where the user has set the end date), it will set the boolean to true and it will remove the ability to vote on that poll.

const now = new Date();
const end = new Date(poll.Poll_EndDate);
const pollEnded = now >= end;

// update DB if not already ended
if (pollEnded && !poll.Poll_Ended) {
    await supabase
        .from("Poll")
        .update({ Poll_Ended: true })
        .eq("id", poll.id);
}

Note: The feature of auto delete a poll will be implemented in the future.

And that's it! Future developments will continue after the end of the Spring Semester! I appreciate the feedback from the community and feel free to provide feedback if you haven't already!

Official Website

If you would love to see the project yourself, feel free to check out the link here: https://easypollvote.vercel.app

I recommend to put a fake email and a fake name if you are using the app. Everything works as intended! Check it out and feedback is greatly appreciated!

Any questions/comments/feedback? I would love to hear from you!

Note: This post is monitored by the University and therefore the repository is currently private until the early Summer!

🗓️ Monthly Dev Report: April 2026

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Tue, 28 Apr 2026 22:44:48 +0000

Post Cover is "Soda Pop" from Kpop Demon Hunters featuring @javz, @embernoglow, @konark_13, @nickytonline and @meg_gutshall!

Hey everyone! I bring you my development journey on what I have discovered, accomplishments for this month, and the goals for next month!

Additionally, I will share some posts highlights on what post I am proud of sharing to Dev.to and my top 3 posts that stood out to me this month!

Winners of the WPM Challenge 🖥️

Before we get into that, thank you everyone who participated in the "What's your WPM" challenge! Here are the winners for the month!

Winner of the 1-minute Challenge! 🏅

Jatin Sharma Follow

Turning Web Dreams into Reality, Just Like Tony Stark's Vision

@j471n With a 121 WPM with 98% accuracy!

Winner of the 5-minute Challenge! 🏆

Jon GottfriedFollow

Co-founder of Major League Hacking

@jonmarkgo With a 114 WPM with 98% accuracy!

Congratulations! Stay tuned for the next WPM Challenge next week! Now on to the program :)

✨ Dev.to Posts Highlights! ✨

Here is one of the posts I am proud of for this month!

FrancisTRᴅᴇᴠ (っ◔◡◔)っ for Virtual Coffee

Apr 27

Your Developer Journey: Progress or Plateau?

#discuss #community #learning #beginners

4 min read

Made a post under the Virtual Coffee Organization for the first time! This post talks about things to look for if you are still learning as a developer!

Here is the top 3 posts that I have discovered that stood out to me!

Ready-to-use markdown template

Giorgi Kobaidze

Apr 26

15 Essential Sections Every README Needs: Give Your Project What It Deserves

#documentation #opensource #tutorial #development

162

11 min read

@georgekobaidze A guide on making your project stand out by having these essentials for your README!

Art rated below gameplay despite high effort

EmberNoGlow

Apr 22

I created my first game and decided to leave GameDev

#discuss #gamedev #godot #productivity

2 min read

@embernoglow Talked about his first game jam experience and things he has learned about Game Development!

April Fools Challenge Submission ☕️🤡

Konark Sharma

Apr 11

I Couldn’t Afford Earth, So I Built Something Better

#showdev #devchallenge #418challenge #ai

3 min read

@konark_13 A kind of broke boi created a Real Estate application, for the April Fools challenge, where you can buy planets (Great job if anything regardless).

Monthly Discovery 🔍

🔍 Claude Mythos = Ultron?

🔍 Pewdiepie's AI beats ChatGPT.

🔍 A fun one! Destroying a Pay-to-Win Minecraft Server with HTML code.

Accomplishments 🏆

✅ One PR got merged onto Forem!
✅ Created the "Open Sourcerer" series!

Overcoming environment setup for a first PR

FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Apr 13

The Open Sourcerer of Forem: Beyond the UI

#discuss #community #forem #opensource

4 min read

✅ Made Dev Logs on my Full Stack Application!
- https://dev.to/francistrdev/series/38450
✅ Got the "#howtodevto Hero" Exclusive Badge for this post!

FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Mar 20

Get Started on Dev.to! A Beginner's Guide to Engage with the Community! 💡

#discuss #community #beginners #howtodevto

188

128

6 min read

✅ Got Tag Moderator for the #Discuss Tag! I am now a Complete Moderator!

✅ Now a Full Member of Virtual Coffee!
✅ Continued interacting with the Dev.to community.

Still working on... 🔨

🔨 The last Dev Log for the EasyPollVote App for now. Should be release this week!

Goals for Next Month 🎯

📝 Continue Forem Contribution.

Note: Due to the surges of Pull Request recently, I might have to hold it off due to the unusual amount of Pull Requests on Forem. I heard something about AI Agents causing this, but that is just a theory.

📝 Clean up Resume.
📝 Clean up my portfolio and publishing it on Dev.to for Review.
📝 Continue interacting with the Dev.to community.

Feedback 💬

What else should I do for May?
Any questions/comments/advice or tips for the Monthly Report? Leave a comment below! I would love to hear from you!

Your Developer Journey: Progress or Plateau?

FrancisTRᴅᴇᴠ (っ◔◡◔)っ — Mon, 27 Apr 2026 14:39:05 +0000

Introduction

Everyone has different starting points in their developer journeys. This can range from Game Developers, Web Developers, etc. Regardless of what your career is in tech, it is important for us to keep track of our progress. Most importantly, if we still have the ability to self-learn with discipline.

Tech is always changing and it is important for us to keep ourselves up to date with Tech as well as honing our skills as a developer. There is “no ending” to learning in this field since it is always changing. Although we can’t learn everything, there is a checklist that determines, in my opinion, if we are keeping ourselves up-to-date and still leveling up our skills in the field of choice. Here is the list!

You are making progress if you are…

1. Learning and completing tasks at a healthy pace!

Whether you are completing an online course or obtaining certification from freeCodeCamp, consistency is key! Having a good consistency is important because it will prevent you from being burnt out.

For example, let's say we have Person A, where he does his assignment on the last minute. On the other hand, Person B does his assignments little by little each day. Assuming both turns in the assignment on time, who do you think will be more burnt out? It will be Person B!

Although Person B does little each day, it allows him to learn as-he-go and being able to explain the solution he has with confidence. On the other hand, Person A will be the opposite. Although he turns his assignment on time, it wouldn't retain much information because his goal is turning it in on time instead of learning, which is important!

Are you completing a task just to score points or are you completing a task while learning something new?

2. Trying New Things!

Regardless if you are a Game Developer or a Back-end Engineer, it doesn't hurt to try something new whether it is part of your role or not. Even if you do not have the ability to try a certain thing, you could always write or talk about it to other people in the community you are in!

It is always a good idea to try something out of your comfort zone and be expose to something you don't know about!

3. Having Good Organization Skills!

Organization is huge! It allows you to complete tasks in a timely manner as well as not using up brain power to remember if you miss anything or not.

For a good start, I recommend using a physical planner and bring it to you wherever you go. If you are more digital, I recommend using Notion to make your planner! There are other free tools out there that will allow you to make yourself a personalize planner!

4. Not Comparing Yourself to Others!

Imposter syndrome is a thing in the tech community and it is important to identify them early on. As one say:

Comparing yourself to others is the thief of joy.

Always remember that as long as you are making progress, you are fine. It's also healthy to celebrate your wins each week or each month. That way, you will be proud of the progress you made instead of contemplating and overthinking if you are good enough.

You are good enough!

5. Staying Inform on the latest Tech News

Basically what you are doing right now (being on Dev.to)! You can also stay inform by joining the VirtualCoffee community, Youtube, or other communities you are part off. As a bonus point, you get to meet new people and connect with others in job opportunities!

Conclusion

Your journey is unique and can be inspiring to others! Regardless of your skill level or where you are at, it is important to have self-discipline and being able to make progress. That way, you can show your expertise to others and show that you have use your time wisely. Having 10+ years as a Developer with lots of knowledge is more worth than 10+ years as a Developer with little knowledge.

Remember, the hardest part is not starting something. The hardest part is having discipline to ensure you are making consistent progress to reach your goals.

What do you think? What are some things you do to ensure you are making progress in your development journey! Let us know in the comments!