Password generator app | Vanilla TypeScript without any library
Design comparison
Solution retrospective
Hello everyone! 👋
I'm excited to share my latest project with you all. For this project, I challenged myself to write everything in plain TypeScript without relying on any libraries or dependencies. It was a refreshing change of pace and I'm pleased with the outcome.
To keep things organized, I made sure to extract all of the core "business" logic to the libs folder and built a state-driven app from scratch. I utilized the awesome JavaScript Proxy API, which worked out great. I highly recommend trying it out for vanilla JS form validation.
Additionally, I thoroughly tested all of the core logic with Vitest and used ESLint with Prettier for clean and organized code. As for styling, I utilized plain CSS and a component-based approach to the BEM methodology. Although I had hoped to try stylelint, I will explore it further in future projects.
Please feel free to share your feedback and thoughts 🥰. I hope you all enjoy the final product 😁!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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