Skip to content
Submitted about 2 years ago

Tip Calculator (using React JS)

react, accessibility
Mario Cesena•70
@mariocc22
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone! I'm excited to share my solution for this challenge. While I kept the styling simple using Vanilla CSS, I welcome any feedback related to accessibility. Thank you for taking the time to review my work!

Code

Please log in to post a comment

Log in

Community feedback

  • Mohit Mummon•530
    @Mohit-k-Mummon

    Hey, man! Congrats on completing the project. Have you heard about CSS modules for your React components? I took a glance at your code and noticed that you keep all your styles in a single file. If I may, I'd suggest diving into CSS modules and getting comfortable with them, especially for larger projects. For now, it's fine to keep all your styles in one file for a small project. However, as your projects grow and you start building multi-page websites, having everything in a single file can become a real mess. Trust me, I've been there and made that mistake myself.

    When it comes to organizing styles in React projects, there are a couple of other options worth exploring. For instance, you could check out libraries like "styled-components" or leverage the power of CSS preprocessors. Take the time to experiment and see what works best for you. Happy coding!

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