Felipe

Create a readme.md file detailing the features, technologies used, project structure, and demo.

Responsiveness was implemented in Countify using a media query targeting screens up to 600px.

The text input area was set to use 100% of the available width, with a flexible height to preserve layout proportions. Font sizes for the results and buttons were also adjusted.

This devlog documents the creation of the dark theme for Countify, as well as the button to switch between light and dark themes, and other features.

Features:

• Dark theme: Sleek, readable, and officially “developer approved”.
• Theme toggle button: Now you can choose between comfort (dark) and chaos (light).
• Clear text button: Because manually deleting text is so 2010.

Plans:

Make Countify responsive.

This first Devlog records the creation of the first functional version of Countify, including the interface and the word counting logic.

Features:

The counting works using an event listener:
camp.addEventListener("input", contarPalavras);
This makes the system update automatically whenever the user types.

The counting logic uses:
text.trim().split(/\s+/)
This prevents errors caused by multiple spaces, empty lines, or spaces at the beginning and end.

Plans:

Add a button to clear the text
Add dark mode

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.