Character Counter built with REACT | VITE | JSX - MikDra1

Solution retrospective
๐ป Hello Frontend Mentor Community,
This is my solution for Character Counter.
- Scored 97,75% on Google Pagespeed Insights! ๐
- Solution with 100% W3C validation accuracy! ๐
-
You should be able to:
-
Analyze the character, word, and sentence counts for their text
-
Exclude/Include spaces in their character count
-
Set a character limit
-
Receive a warning message if their text exceeds their character limit
-
See the approximate reading time of their text
-
Analyze the letter density of their text
-
Select their color theme
-
View the optimal layout for the interface depending on their device's screen size
-
See hover and focus states for all interactive elements on the page
-
Additionally:
-
Your preferred theme will be saved in localStorage, ensuring that your chosen theme is applied automatically whenever you revisit my site.
๐ ๏ธ Built with:
- HTML โจ
- CSS ๐จ
- JavaScript ๐งพ
- React โ๏ธ
- Vite.js ๐ก
- Context API ๐
- Styled-Components ๐
- Fully responsive design crafted with a mobile-first approach ๐ป
- Enjoyed every moment coding this! ๐
- Feedback is always welcomeโletโs grow together! ๐ฑ
- Completed 34 out of 43 Junior Challenges so farโkeeping up the momentum! ๐ฅ
- Completed 2 out of 11 Junior Premium Challenges ๐ฅ
- ๐จโ๐ป Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on MikDra1's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord