ItaloJDev - Stardance

Open comments for this post

@ItaloJDev on DevLauch · 5 days ago

1h 14m 16s logged

Where is my starduts??

Ship Pending review

@ItaloJDev on My awesome macropad! · 6 days ago

I built a custom macropad with 6 keys, a rotary encoder, an OLED display, a custom PCB, and a 3D printed case.

The most challenging part was designing the PCB and making sure all the components were connected correctly. I spent a lot of time learning KiCad and checking the schematic before finishing the board.

I'm proud that I designed the hardware myself and turned the idea into a real project instead of using an existing design.

To test the project, connect it to a computer using USB. The keys can be programmed for shortcuts and productivity tasks, while the encoder controls media functions such as volume. The OLED display provides visual feedback for the current mode and actions.

2 devlogs
1h
Hackpad

Video of Project → See source code →

Ship

@ItaloJDev on DevLauch · 8 days ago

What I built

DevLaunch is a modern full-stack SaaS platform built to help developers, students, makers, and startup founders transform ideas into finished products.

Many people start projects with excitement but lose momentum due to poor organization, scattered tools, and unclear next steps. DevLaunch solves this by providing a centralized workspace where users can plan, manage, track, and launch their projects from a single dashboard.

The platform includes:

Secure user authentication
Project creation and management
Task organization and progress tracking
Project roadmaps and milestones
Modern responsive user interface
Scalable full-stack architecture

My goal was to create a tool that reduces the friction between having an idea and successfully launching a product.

What was challenging

The most challenging part was designing a platform that feels simple to use while remaining scalable behind the scenes.

I had to think carefully about application architecture, user experience, database structure, authentication flows, and how future features could be integrated without requiring major rewrites.

Balancing usability, performance, and maintainability was a significant part of the development process.

What I'm proud of

I'm proud of building something that solves a problem I've personally experienced.

As someone interested in technology and product development, I've seen how easy it is for projects to become disorganized and eventually abandoned. DevLaunch was created to address that challenge directly.

I'm also proud that the project was built with a long-term vision rather than as a simple prototype. The architecture is designed to support future features such as AI-assisted planning, intelligent task generation, team collaboration, and external integrations.

How to test
Create an account or log in.
Access the dashboard.
Create a new project.
Add tasks and milestones.
Track progress through the project workflow.
Explore how DevLaunch helps organize the journey from idea to launch.

DevLaunch is actively evolving and represents the foundation of a larger vision: making it easier for builders to create, manage, and launch meaningful products.

6 devlogs
4h
Frictionless

Try project → See source code →

Open comments for this post

@ItaloJDev on DevLauch · 8 days ago

15m 20s logged

[FINAL SHIPPED] DevLaunch - Fullstack SaaS Template Generator Hey everyone! 👋 DevLaunch is officially LIVE and shipped to production! 🌌DevLaunch fixes the frustration every developer faces: losing time setting up standard project boilerplates (folders, dependencies, routing) every time you start a new idea. It lets users configure, preview, and download ready-to-go, production-grade project baselines instantly in .zip format.Here is a quick breakdown of the architecture, hurdles, and the final results.🛠️ Tech Stack & ArchitectureI built a modular Monorepo with decoupled Frontend and Backend services integrated with a cloud database:Frontend: Built with React.js (Vite). Features a responsive UI with side-navigation, route guarding to prevent unauthenticated access, and a Theme Engine that transitions instantly between Dark and Light Mode.Backend: A Node.js & Express API server handling secure registration, authentication flows, and profile updates (like reactive live database password changes).Database: Hosted entirely on Supabase (PostgreSQL), storing user profiles and tracking real-time project generation logs.⚡ Key Features ShippedDynamic ZIP Generation: The backend doesn’t just store old static zip files. When a user inputs a name and clicks download, the server dynamically aggregates raw code templates, compresses them on-the-fly using binary archivers, and pipes the .zip stream straight back over HTTP.Code Preview Subsystem: Built an interactive visual editor UI that mimics VS Code. Users can click through code tabs (e.g., App.jsx, server.js) to inspect the boilerplate files before generating.Account Management & Caching Fix: Shipped a clean visual update to the account settings. Fixed a critical state persistence bug where newly registered users would fallback to placeholder metadata, ensuring emails and IDs map accurately from localStorage.Free-Tier Cloud Deployment: Frontend is live on Vercel, Backend is on Render, and Database is on Supabase.🧠 Technical Hurdles & Learnings1. Node.js Memory Stream PipelineInstead of saving files locally on the server disk first, zipping them, and deleting them (which is highly inefficient and risks disk bloat), I utilized Node.js Streams. By integrating archiver, the app pipes raw data buffers directly into the Express network response stream (res). The file is compressed directly inside RAM and pushed out instantly.2. State Syncing & Visual BugsDuring staging, user data looked like it was missing. I discovered a funny bug: the user’s email was rendering perfectly from database storage, but as pure black text on an ultra-dark background! Additionally, the signup flow wasn’t caching the newly registered email address into client session storage. I rewrote the Cadastro.jsx logic to properly cache metadata upon creation and injected high-contrast styles (#38bdf8).🎯 Verification & Links[x] Registrations write to PostgreSQL flawlessly.[x] Route guards instantly eject unauthorized visitors back to /login.[x] ZIP generator pipes compressed streams immediately.Huge thanks to the Hack Club Stardance community for the fuel to push through the roadblocks! Check out the live build and let me know your thoughts!On to the next ship! 🛸✨