We’re excited to introduce our new Character Counter challenge. This project is a great way to practice your JavaScript skills by building a tool that counts characters, words, and sentences in a text.
What you'll build
In this challenge, you'll create a character counter app that:
- Counts characters, words, and sentences in the user's text.
- Allows users to include or exclude spaces in the character count.
- Lets users set a character limit and warns them if they go over it.
- Shows an estimated reading time for the text.
- Displays a graph showing how often each letter appears in the text.
- Offers different color themes for users to choose from.
- Is fully usable with just a keyboard.
- Looks good on devices of all sizes.
How to start
To get started, visit the Character Counter challenge page. There, you'll find:
- The Figma design file to guide your project.
- Layouts for mobile, tablet, and desktop screens.
- A design system with details on colors and fonts.
- Images optimized for the web.
- A README file to help you set up.
- A HTML file with some starter content.
This is a premium challenge, so you’ll need a Pro subscription to start the project. Our premium challenges are of the highest quality and are designed to give you hands-on experience building industry-standard projects. They make excellent portfolio pieces!
Challenge yourself further
If you want to push yourself and customize the project, try adding features like:
- Counting lines or spaces.
- Creating a graph that shows how often each word appears (similar to the letter density graph).
Join the community
Need help or want to share your work? Join our Discord community, where many developers discuss projects, share resources, and support each other.
We look forward to seeing what you create. Happy coding!
Author Of article : Matt Studdert Read full article
