Countify delivers real-time word counting with a distraction-free interface and seamless theme switching. The application runs entirely on the client side, ensuring fast performance, zero dependencies, and complete privacy.
I created Countify, which counts words in a text. And definitely the hardest part was the styling. I learned a lot about programming logic and how to style websites.
Create a readme.md file detailing the features, technologies used, project structure, and demo.
Log in to leave a comment
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.
Log in to leave a comment
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.
Make Countify responsive.
Log in to leave a comment
This first Devlog records the creation of the first functional version of Countify, including the interface and the word counting logic.
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.
Add a button to clear the text
Add dark mode
Log in to leave a comment