DEV Community: User

An open-source, BYOK AI canvas for generating, manipulating, and editing images with AI models.

User — Sun, 14 Sep 2025 23:27:43 +0000

Howdy folks! 🤠

I saw this post a few days ago on HN (link) about the new Nano Banana model and decided to play with it. It's incredible! (Mostly for editing IMHO). The thing is, the Google AI Studio is for chat... for images, not so much.

So I decided to make my own thing: an infinite canvas for AI image creations...and it turned out nice!

The idea is to expand it over time: more models, more features, basically a hub for experimenting with image generation.

Would love to hear any feedback, questions, or ideas!

Try it: https://koubou.app/

Repo: https://github.com/za01br/koubou

*Built it with React, Vite, TS, shadcn, and TailwindCSS

*For the Canvas, I'm using React Konva.

Getting into the field (CS) is hard! My way to help out...

User — Mon, 06 Feb 2023 04:49:18 +0000

Howdy! 🤠

TLDR: Created a simple page where I will add jobs (and check the ones currently listed) daily -specifically for folks studying or finishing their studies (college, boot campers, self-taught) in Computer Science. https://www.freshswe.com/

(This is based on the current U.S market, since this is my experience)

I graduated in 2021 and it took me 420+ applications to get 1 offer. The whole job-finding process sucked back them, and after reading some posts on Reddit, Blind, etc... It seems that still sucks.With all the layoffs, folks trying to get their foot into the field are really having a hard time.Unfortunately, that is not the only issue:

LinkedIn, Indeed, and all the other job boards site, even with all the filters, are inaccurate. If you search for an "entry-level" position you end up seeing several listing where they ask 3-5 years of experience. 🤨

I decided to help somehow. So, in a few hours this past Saturday, I put together https://www.freshswe.com/. (Nextjs, Airtable, Tally, Slack)

My commitment is to update it daily, with jobs that are actually fit for folks without experience or little experience (up to 1 year) as a requirement. Hopefully, others will join me and send listings to be add (there is a link where you can send jobs).

I believe if somehow, someone is impacted, this was well worth it. Still, even without any visible progress, I will do it by the end of 2023.

Good luck to y'all. Keep studying. Don't lose faith, hope, or whatever you use to find strength in difficult times.

👍🏻

Image hosting service built with Next.js, Supabase, and TailwindCSS. 📸⚡️📁

User — Tue, 05 Oct 2021 11:53:57 +0000

A lot of folks are talking about Supabase. Also,Next.js seems to be trending right now, and I never tried them. 😛

So, one of the projects that I had in mind for a while was the perfect fit to apply these two together. 🤓

After spending approx. 12 hours, I finished the v1 for gpic - Free Image Optimizer & Hosting Service.

Built with:

Next.js
Supabase (DB and Storage)
TailwindCSS

Quick Demo:

The Motivation

Well, I love communities with markdown available (DEV, Reddit, Indiehackers,...), but that means that I need to...

Go to https://imgbb.com/
Select/Drag'n'drop the image -> Hit Upload
Grab the code
Insert in the markdown

...in order to add an image to my post.

That was my biggest motivation! I just wanted something clean and with an option to copy the link with the markdown.

Hope you find useful, and if you have any feedback, let me know. I'm already working on v2. 🤪

(Image hosted on gpic)🥳

I built an extension to manage my inspiration from Dribbble, Behance, and Uplabs.

User — Thu, 26 Aug 2021 21:12:14 +0000

Hey, y'all! 🤓

After building my first extension a few months ago, I decided to do it again and do something that would help me (again).

I love coding, but I'm terrible with the design piece of anything that I try to build. 😅

What do I do when I want to build something

Go to Dribbble, Behance, and Uplabs.
Search for what I'm trying to build (an audio app, a Desktop app...)
Open hundreds of shots that I think are interesting.
Save them to my special folder "Idea #XXX💡" with a descriptive title: "nice navbar"/ "great buttons" / "nice hero section"
Keep the ones I like the most

My solution

Since this is really boring and I'm constantly looking for inspiration there, I decided to put everything in one place.

Meet, Inspiring Board.

⚡️ Browser extension with a dashboard where you can add shots from Dribbble, Behance, and Uplabs.

Super simple, no ads, and all data stored locally. 😬

I even did a promotional video:

The stack

I used this boilerplate.
That comes with React, Webpack, and some nice dev tools.
I just added TailwindCSS on top of it. 😄

I have a ton of ideas to improve, but if you give it a try, please let me know your feedback.

Bye!

Finally, I launched my super tiny side project! Drop.in , a browser extension for job seekers! 🚀

User — Wed, 16 Jun 2021 19:24:27 +0000

Hey Dev's!

Finally, I am getting out of my comfort zone to start working on a few projects I always had in mind. 😅

From September - December 2020, I was applying for my first Software Engineering job. It took me a little bit over 400 applications to get it. 😔 Something I noticed: Most companies require you to "upload your Resume", but still require you to fill out all the forms.

This was a pain, a personal pain. In a world where A.I, Machine Learning, and all the other futuristic topics are trending, how in the world do I need to type my information over and over. But, life happened and I let it go.

On June 6th, 2021, I saw a post on Reddit with 1.7k upvotes. The complaining was exactly my pain a few months back: why companies ask for your resume and then have you type all the information again! 🤯

I decided to take action! It took me 3 days to finish a simple version where you can type once, and then, just drag 'n drop everywhere. A browser extension for Chrome and Firefox (It also works with Brave).

Meet: Drop.In - a Browser Extension for job seekers!

Now the goal is to make sure it is useful! Looking for all feedback possible! 👍🏻

What I learned about building browser extensions:

You can use plain and simple HTML, CSS, and JS (As well as other frontend frameworks).
You can make API calls.
5$/one-time fee to create a dev account on the Chrome Webstore and it is free for Firefox.
You can build for Chrome and maybe you just need a few twists to make it work for Firefox.
The Getting Started from Google is pretty good!
It also works for Chromium-based browsers (So, building for Chrome will also make it work in Brave, for example)

A basic chat app with React, TailwindCSS, Node, and Socket.io 🦜

User — Sat, 09 Jan 2021 08:30:54 +0000

Github: https://github.com/lucasmrl/chat-app
Demo: http://chat-app-on.herokuapp.com/

Hey, devs!

I have some ideas for real-time apps, and this project was meant to give me an idea of how to use Socket.IO. Fun experience! Easy to use!

Basically, I followed the available tutorial on the socket.io website. Then, there are quite a lot of examples of chat apps using these technologies. It was really worth it!

Happy new year! 😅

showDEV - A place to share personal and open-source coding projects!

User — Tue, 04 Aug 2020 16:29:33 +0000

Hey, devs! 👋🏻

Hope everyone is doing safe!

I decided to 1)learn more about relational databases, 2) improve my React knowledge, and 3) buy a domain and study more about DNS, etc... So, my idea was to create something like https://www.uplabs.com/ or https://dribbble.com/, for developers in order to apply all of that! 😬

It took me 3 weeks and it is still far from what I imagined for the v1, but I really would appreciate you guys giving a try and sending all your great feedback.

Demo:
https://showdev.live/

Stack:
React, Node (Express), PostgreSQL, TailwindCSS, Heroku, Cloudinary

Features:

OAuth with Github (only way at the moment)
Create and View projects
Upload Images (JPEG, PNG, GIF)
Vote
Comments
Filters

Plan for v2:

[Users]
.Edit and Delete projects
.Delete comments made
.Accept Videos
.Infinite-scroll
.PWA
.Favorites Projects

[Development]
.Tests
.Docker

Thank you!

What are you toughts about study partners?

User — Mon, 22 Jun 2020 01:33:22 +0000

In the process of learning how to program.

Second full-stack app: Roomie - Find a room to rent! Built with: React + TailwindCSS + Express + MongoDB + Heroku / S3

User — Mon, 01 Jun 2020 21:26:19 +0000

Hey, devs!

I've been studying for a few months now and after one month and 25 deploys, this is my second full-stack project: Roomie - a website to find rooms to rent or to list your place. 😅

I created this for the sake of learning only and since my first full-stack project was a simple CRUD app, it was a blast having this experience!

demo: https://roomiew.herokuapp.com/
repo: https://github.com/lucasmrl/roomie

Built with:

FE: React (Hooks, Context API, Router) + TailwindCSS
BE: Node.js (Express.js) + MongoDB
Hosted on Heroku / Images in AWS S3

What I tried to learn:

Authentication (Sign up, Log in, Log out, Reset password)
API Filtering, Sorting, Pagination (Even though it is not implemented in the FE)
Send e-mails from back-end
Upload pictures to S3
Security
TailwindCSS (first time using it)
Agile methodology (tried to organize my user stories, sprints, daily stand-up meeting, ...)

Definitely it is far from perfect, but it helped me a least to get my hands dirty. I appreciate any feedback!

Be safe! ;)

A resume builder built with React.js (Hooks, Context API, and Router) [Second project]

User — Tue, 21 Apr 2020 08:15:05 +0000

Hey, devs! :)

I've been learning React for a few weeks now and I just finished my second project (the first one I created to learn about Components and API requests):
A resume builder.

Link: https://resumiapp.herokuapp.com/
Github repo: https://github.com/lucasmrl/resumi

I got inspired by https://flowcv.io/ where I created my resume a few months ago and then I saw this project. Since I am new, I was not completely able to understand all the code/logic he used, so I decided to put in practice what I have been studying about React and also to learn about Hooks, Context API, and React Router.

After finishing this, "I know that I know nothing". :P

Please, any feedback will be much appreciated.

PS: Not mobile-friendly yet.

Help with a beginner's project! An app with Front and Back-end.

User — Thu, 23 Jan 2020 06:36:58 +0000

Night DEV community!

This is a beginner's question and I'm really looking forward to learning from you now. 😄

Context:
I want to create a project to put in practice some skills that I just learned.
The idea: An APP with authentication and different views according to the user's role.

Frot-end: React-native OR Flutter.
Back-end: Express.js(Node.js) AND MongoDB.

Features:

Users should be able to create an account/ sign in and sign out.
There will be 2 types of users: NORMAL USER and STORE.
Normal User = One e-mail and one password. Impossible to have two of the same. It will have access to some features on the app (CRUD operations).
STORE = This user will have one e-mail and one password.It will have access to some features on the app (CRUD operations). The CATCH: this user will be able to create sub-users with the same access to the same features as the main STORE USER.

Questions:

I know how to authenticate using Express (JWT, Passport, Middlewares, etc). Is that a common/best practice for an app? Use the authentication on the endpoints/requests?
The relationship between a STORE user and it's sub-users would be one-to-few. So, should I have them referenced inside my schema or actually embed them inside the STORE schema?

Not sure if I was clear but I hope to get some insight before starting coding and figure out that I went the wrong way. 😌🤓

Thank you!

First CRUD application! (Express.js/MongoDB)

User — Fri, 17 Jan 2020 06:17:00 +0000

Hey DEV's!

This is actually my first post and to be honest, I am kinda excited to share this with you all.🤪

I've been studying programming for the past few months. HTML and CSS were familiar but I had no clue about Javascript.

I took a really awesome course on Udemy that helped me a lot. Then, right after that, I took another one about Node.js/ Express, and MongoDB.

In my case, I learn by "doing". So, instead of following the same projects, I decided to create a basic CRUD application to apply what I have been learning.

The result: Journals

What I used/learned along with this project:
-CSS Framework (PaperCSS)
-API's
-Server-side Rendering (Pug)
-Javascript fundamentals and ES6
-Node.js & Express.js
-MongoDB
-Github
-Heroku

And so much more! 😯

I know that this will be a long journey but after finishing this as my second project (The first one was a simple To-Do List built with Javascript), I can say that it is totally worth it!

What helped me:

Create a plan (What I will learn first? And after that?)
Followed concepts, not "Do what I Do" (Never followed the same project, always tried something different with the same concepts)
“The best is the enemy of the good.” mindset!

About the number "3". I started to learn programming before but I gave up twice because I couldn't get everything at first. Stupid mistake!
Now, I will try. If that doesn't work, I will try another way. It doesn't matter if it is not the BEST way, but if it works, I will celebrate my small victory TODAY and improve TOMORROW!😌

That's all! I hope to be more around here!
Best,

Lucas L.

PS 1: This was only for learning purposes.
PS 2: The list with things I didn't focus was way bigger (handling errors, security, authentication, etc...)

TO FIX:

If you try to create a post without one of the fields (First Name, Last Name, Title, or Text), it will return an error.